iview-table之data更新方法

iview-table之data更新方法

今天做一个页面时发现table中使用render时params.row.attr改变时，不会同步更新pagedList.data,于是百度google了一下，并总结出两种方法：

一

 render: (h, params) => {
        return h('Input', {
            props:{
                value: this.data[params.index].attr,
            },
            on: {
                'input':(value) => {
                    //这里更改data
                    this.data[params.index].attr= value;
                    //这里更改行数据
                    params.rows.attr=value;
                }
            },
        },

 二

引用的这位老哥的方法非imuutable方法截个图，我对这位老哥非常佩服

 

 render: (h, params) => {
        return h('Input', {
            props:{
                value: this.data[params.index].attr,
            },
            on: {
                'input':(value) => {
                  var temp=pagedList.data[params.index]
                   temp.attr=value
                   //非immutable方法
                   params.row.attr=Object.assign({},=pagedList.data[params.index]
,temp)
                }
            },
        },

z

这两种方法都可以，这样就既可以在每条记录行上保存也可以在表格外放置保存按钮了（当然要传递行号）