针对el-table数据的变化,重新渲染dom
由于需要对一个弹出框作一个效果,当下拉框选择指定的值时,就展示table,并显示一个按钮,触发按钮的时候,对table加一行input框,供用户使用数据
在写的过程中,发现一个问题,当点击往绑定的table data传入数据的时候,并不生效,必须重新切换下拉框才能完成table的渲染,但通过vuetool发现数据已经更新了,因此,这里使用$set的方法来完成这个赋值操作
- 预期的效果
- 代码
1
2
3
4
5
6
7
8
9
10
11addNewColumn () {
console.log(this.formFields.host_address_list)
// this.refreshTable()
let param = {'host_address': ''}
if (isEmpty(this.formFields.host_address_list)) {
this.$set(this.formFields, 'host_address_list', [])
this.formFields.host_address_list.push(param)
} else {
this.formFields.host_address_list.push(param)
}
},