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

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

 

 


版权声明:本文为weiyangg23原创文章,遵循CC 4.0 BY-SA版权协议,转载请附上原文出处链接和本声明。