vue element-ui 动态生成el-table 自定义input input赋值问题

Posted wgy0528

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了vue element-ui 动态生成el-table 自定义input input赋值问题相关的知识,希望对你有一定的参考价值。

实现一下效果
技术图片
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赋值问题的主要内容,如果未能解决你的问题,请参考以下文章

vue+js动态切换element-ui生成的主题css文件

vue element-ui动态生成table表头和数据

element-ui el-tabs 如何调用组件的接口

vue element-ui 动态生成el-table 自定义input input赋值问题

vue element-ui Tabs 标签页实现更多功能

el-tabs和el-table闪屏问题