vue2.0 el-table 点击小图标 怎么修改行内某个值

需求分析:Vue 的双向数据绑定,使得修改数据后,视图就会跟着发生更新,比如对数组进行增加元素、切割等操作。然而直接通过下标修改数组内容后,视图却不发生变化,因此,我们要想通过index下标来改变数组来达到目的是行不通的。这时我们可以使用Vue.set(对象,属性,值)或 this.$set(对象,属性,值)来改变数组

vue2.0 el-table 点击小图标 怎么修改行内某个值_第1张图片

vue2.0 el-table 点击小图标 怎么修改行内某个值_第2张图片

代码如下:

 

                 

               

方法: this.$set(对象,属性,值)

 //打开

  editorShow(index, rows) {

      this.$set(this.tableData[index], 'flag', true)

    },

  // 关闭

    async  remove(index, rows) {

      this.$set(this.tableData[index], 'flag', false)

    },

   //保存

    async  saveeditor(index, rows) {

      this.$set(this.tableData[index], 'flag', false)

    },

你可能感兴趣的:(vue.js,前端,javascript)