el-table的重新渲染

针对el-table数据的变化,重新渲染dom

由于需要对一个弹出框作一个效果,当下拉框选择指定的值时,就展示table,并显示一个按钮,触发按钮的时候,对table加一行input框,供用户使用数据
在写的过程中,发现一个问题,当点击往绑定的table data传入数据的时候,并不生效,必须重新切换下拉框才能完成table的渲染,但通过vuetool发现数据已经更新了,因此,这里使用$set的方法来完成这个赋值操作

  • 预期的效果
  • 代码
    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    addNewColumn () {
    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)
    }
    },