
element-ui
roongyan92
这个作者很懒,什么都没留下…
展开
-
打开dialog会把table选中项清除,已解决
打开dialog会把table选中项清除表格部分代码:<el-table ref="multipleTable" :data=" tableList.slice((currentPage - 1) * pageSize, currentPage * pageSize) " tooltip-effect="dark" style="width: 100%" @selection-change="handleSelectionChang原创 2020-12-09 19:19:34 · 1634 阅读 · 5 评论 -
监听路由,同一个页面切换路由展示不同状态
业务后台开发中,比如商品管理模块中,新增商品和商品详情页面的内容基本一致,这种情况下,我们就不需要多写一个页面啦。写一个页面,通过路由来控制显示的内容watch: { //监听商品列表数据 tableList: { handler(a) { this.tableList = a; this.timeStamp = new Date(); console.log("监听监听======", a); },原创 2020-12-08 16:39:56 · 593 阅读 · 0 评论 -
Vue + ElementUI表格状态区分,row-class-name属性
通过指定 Table 组件的 row-class-name 属性来为 Table 中的某一行添加 class,表明该行处于某种状态。1.在表格组件上绑定row-class-name属性 <el-table ref="multipleTable" :data="tableList" tooltip-effect="dark" style="width: 100%" @selec原创 2020-12-07 11:48:16 · 4509 阅读 · 1 评论 -
ElementUi rules表单验证
ElementUi rules表单验证可以在pattern中书写正则,并且配合elementUI进行表单验证。 pattern 属性规定用于验证输入字段的模式。模式指的是正则表达式。rules: { name:[{ required: true, message: '请输入用户名', trigger: 'blur' },{ min: 2, max: 5, message: ...转载 2020-12-01 15:45:36 · 662 阅读 · 0 评论 -
本地引入vue、element-ui引入fonts,icon图标不生效问题
按官方文档,提供了cdn引入和npm安装的方式,但是呢,在网络很差,或没网的的情况下就加载不出来,直接报错啦我们在本地下载需要的版本文件,直接引入js和css,但是icon图标不显示修改css中字体图标的路径,发现icon图标还是无法加载网上资料中的各种办法都不奏效呢,这时候你需要npm安装一下element-ui,然后从他的目录里面把fonts复制出来替换你当前的,就OK啦...原创 2020-07-14 12:05:18 · 5352 阅读 · 3 评论 -
element-ui 点击行如何获取table的行索引
文档中有一个tableRowClassName方法,可以获取到当前行的indextableRowClassName({ row, rowIndex }) { //把每一行的索引放进row row.index = rowIndex; }, onRowClick(row) { //点击行获取索引 this.uploadImage...原创 2020-03-03 13:55:54 · 270 阅读 · 0 评论