实现一下效果
1，动态生成表格 直接贴代码
因为表格是动态生成的 input 当然也是动态生成 那么我们应该怎么给input绑定对应的字段呢 第一我们会想到用prop直接给input绑定赋值或者绑定单个字段
后来我们发现prop在el-table只是传的字段不能用来给input直接赋值 那么我么应该怎么做才能实现给input 的model绑定对应的值呢？
实现代码如下
我们发现在页面上输出scope.column 会多property的字段 图二
那么property的字段就是代表当前列的值
scope.column和scope.row有什么区别呢大家请自行百度
图一
图二
图三 最终实现代码如下图
vue element-ui 动态生成el-table 自定义input input赋值问题
免责声明！
本站转载的文章为个人学习借鉴使用，本站对版权不负任何法律责任。如果侵犯了您的隐私权益，请联系本站邮箱yoyou2525@163.com删除。
猜您在找
vue+ element-ui el-table组件自定义合计（summary-method）坑
基于Vue的UI框架element el-table表格的自定义排序
element-ui之el-table的使用合集（含翻页多选，动态生成表头等）
Vue element-ui el-table阻止行选事件
Vue Element-Ui 改变el-Input背景样式
element-UI实现el-table-column百分比自定义分配
element的el-table表格自定义表头，slot="header"内，数据不更新的问题
Vue -- element-ui el-input组件 回车刷新页面问题
element的el-table表格自定义表头，slot="header"内，数据不更新的问题
vue与element ui搭配，关于el-table表格的排序问题