博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
elemetui中好用的小技巧
阅读量:5890 次
发布时间:2019-06-19

本文共 1290 字,大约阅读时间需要 4 分钟。

1.在表单校验中可以校验表单中的某些属性,其用法如下:

this.$refs.form.validateField(prop, (valid) => {        // prop代表你要传入的属性,可以是单个属性,也可以是数组        // 有一个回调函数来执行判断      })复制代码

2.在可折叠的表格的展开行中请求数据时,关闭另一个展开行,展开自己:

复制代码

首先设置row-key,行数据的key,取值为Function(row)/String,我用函数来标识该行数据的唯一性,同时还需要设置expand-row-keys,可以通过该属性设置table目前的展开行,需要设置row-key属性才能使用,改属性为展开行的keys数组。 最后是展开行变化时的函数:expand-change,在这个函数中写判断逻辑,实现展开某一行,折叠另一行。

3.表单校验中清除其中某个项的校验

for (const item of this.$refs.form.fields) {        if (item.prop === 'teachingPlan') {          item.resetField()        }      }复制代码

4.解决elementui中选择器改变时数据未改变的情况

复制代码

在change函数中加上这行代码用来刷新render层的数据,实现数据的更改。

转载于:https://juejin.im/post/5cb4584b6fb9a0689e1ce595

你可能感兴趣的文章
HDU 1065 - I Think I Need a Houseboat
查看>>
为什么要使用 SPL中的 SplQueue实现队列
查看>>
文件的相关操作(创建、打开、写入、读出、重命名)
查看>>
Redis与memecache的区别
查看>>
jQuery分步步骤
查看>>
品尝阿里云容器服务:用nginx镜像创建容器,体验基于域名的路由机制
查看>>
PHP const关键字
查看>>
设计模式之代理模式之二(Proxy)
查看>>
链接&装载&库-入口函数和程序初始化
查看>>
windows环境下安卓开发环境的快速搭建
查看>>
ssh 安装笔记
查看>>
css的再深入6(更新中···)
查看>>
知问前端——Ajax提交表单
查看>>
游戏音效下载网站大全
查看>>
SpringBoot中实现依赖注入功能
查看>>
angular $resouse服务
查看>>
ROS 激光数据 点云数据的发送以及 接受
查看>>
My Graduation’s project:StudentClassMaintain module
查看>>
Jquery实现form表单提交后局部刷新页面的多种方法
查看>>
Spring Boot自定义Redis缓存配置,保存value格式JSON字符串
查看>>