elementui table行内编辑如何实现双向绑定?

想问下使用element table实现行内编辑的话如何实现双向绑定,直接把内嵌的input 通过v-model绑定到表格的data上呢?

 <yl-onlytable 
            @current-change="_currentChange"
            :configs="tableConfig" 
            :tableloading="mainTableLoading"
            :tableData="tableData"  
            >
             <template :slot="item.name" scope="scope" v-for="(item,index) in tableEditColSlotConfig.formConfig"> 
                         <rowComs :option="item" :val="scope.row[item.name]"></rowComs>
             </template>
    </yl-onlytable>

其中rowComs 是一个组件,渲染单个组件用的 在组件内部用的v-model绑定 直接绑定到了scope.row[item.name] 但是scope.row[item.name]的值更新后是无法更新tableData的值得。

所以双向绑定这块无法实现了 请高手相助~

阅读 8.2k
1 个回答

其实只要在rowComs加上v-model="scope.row[item.name]"即可,不过你的rowComs里面应该是el-input,再传递一次参数就好了

撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
推荐问题