1.在表单校验中可以校验表单中的某些属性,其用法如下:
this.$refs.form.validateField(prop, (valid) => { // prop代表你要传入的属性,可以是单个属性,也可以是数组 // 有一个回调函数来执行判断 })复制代码
2.在可折叠的表格的展开行中请求数据时,关闭另一个展开行,展开自己:
复制代码+分组
{ { props.row.subject }} { { expandList.length }} { { scope.groupDate | timefmt }} 删除
首先设置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层的数据,实现数据的更改。