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

效果

HTML的Table

JS代码

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

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

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

完成~

以上这篇VUE-Table上绑定Input通过render实现双向绑定数据的示例就是小编分享给大家的全部内容了，希望能给大家一个参考，也希望大家多多支持考高分网。