基于 vue+element ui 的cdn网站(多页面,都是各种demo)

时间:2022-04-21 07:03:07

前言:这个网站持续更新中...,有网上预览,github上也有源码,喜欢记得star哦,欢迎留言讨论。

网站地址:我的个人vue+element ui demo网站

github地址:yuleGH github (喜欢记得star哦)

附:element ui 文件下载地址
https://unpkg.com/element-ui@2.4.7/lib/theme-chalk/index.css
https://unpkg.com/element-ui@2.4.7/lib/theme-chalk/fonts/element-icons.woff
https://unpkg.com/element-ui@2.4.7/lib/theme-chalk/fonts/element-icons.ttf
https://unpkg.com/element-ui@2.4.7/lib/index.js

这里就贴图展示一下(ps:图片可能不是最新的,建议直接看网站):

一、关于我

关于网站:致力于将平时自己用到的记录下来,形成demo...查看源码请到github,喜欢记得star哦

基于 vue+element ui 的cdn网站(多页面,都是各种demo)

二、表格相关

1、所有的打印数据,均在打印区里。 表格上是否有钱这列是el-checkbox,绑定了v-model

基于 vue+element ui 的cdn网站(多页面,都是各种demo)

2、同样借用element官网上的demo数据,但是和官网上的不同

基于 vue+element ui 的cdn网站(多页面,都是各种demo)

三、弹出框相关

1、每个弹出框都是独立的,可多次弹出,并且可以自定义html,使用vNode,同时支持传参

基于 vue+element ui 的cdn网站(多页面,都是各种demo)

四、其他

1、这是页面1, 测试从当前页面跳到另外一个页面(使用window.location.href), 然后点返回按钮回到当前页面,经测试会刷新页面

基于 vue+element ui 的cdn网站(多页面,都是各种demo)

2、复制到剪贴板,有格式的、自定义的都可以

基于 vue+element ui 的cdn网站(多页面,都是各种demo)

3、滚动条固定在可视区域

基于 vue+element ui 的cdn网站(多页面,都是各种demo)

五、时间控件

1、时间控件选择年月日时分,时间控件不可输入 基于 vue+element ui 的cdn网站(多页面,都是各种demo)

六、Form表单

1、两种小写转大写的方式

基于 vue+element ui 的cdn网站(多页面,都是各种demo)

七、组件

 1、vue的组件,这里实现父子组件的数据双向绑定

基于 vue+element ui 的cdn网站(多页面,都是各种demo)

八、上传文件

基于 vue+element ui 的cdn网站(多页面,都是各种demo)

未完待续...