VUE-Table上绑定Input通过render实现双向绑定数据

  效果

  HTML的Table

<Card>
          <div ref="print" >
            <Table    width="100%" height="500" size="small" :columns="columns7" :stripe="true" :data="data" border >Table>
          div>
Card>

  JS代码

  这样就实现Input和Table单元格数据的双向绑定，取值是直接循环单元格来取值。

  双向绑定数据的核心代码：

on:{
                       'on-change' (event) { 
                          //值改变时 
                          //将渲染后的值重新赋值给单元格值     
                          params.row.numLots = event.target.value;
                          vm.data[params.index] = params.row;
                      } 
                   }

  感谢！