watch: { // 监控表单值改变示例 'form.fields.factInds': function (newVal, oldVal) { this.form.fields.haveFactName = null if (newVal != null) { newVal = JSON.parse(newVal); if(newVal.length > 0) { let i = 0 for (; i < newVal.length - 1; i++) { this.indsStr = this.indsStr + newVal[i].value + "," } this.indsStr = this.indsStr + newVal[i].value } else { this.indsStr = ''; } this.reLoadGrid() } else { this.reLoadGrid() } }, },
时间: 2024-02-15 09:27:59 浏览: 168
Vue2实时监听表单变化的示例讲解
这段代码是 Vue 组件中的一个 watch 配置属性,用来监控表单字段 `form.fields.factInds` 的变化。当这个字段的值发生改变时,会触发一个回调函数,其中会对表单的其他字段进行一些操作并重新加载数据。具体来说,如果新的值不为空,就将其解析为 JSON 对象,并将其中的 value 组合成一个字符串,然后重新加载表格数据;否则,就清空字符串并重新加载数据。这段代码实现了当表单字段值发生变化时,自动更新表格数据的功能。
阅读全文