您现在的位置是:网站首页> 编程资料编程资料
element-ui自定义表格如何给input双向绑定数据_vue.js_
2023-05-24
357人已围观
简介 element-ui自定义表格如何给input双向绑定数据_vue.js_
问题描述
有个项目需求点击添加按钮添加一行,我采用的是自定义表格,刚开始写好之后,点击添加,可以实现,但是却发现输入框不能输入数据,控制台报错

先看一下,错误的代码
这里列出了主要代码
删除
data () { return { tableData: [ { attrType: '', attrName: '', attrFlag: '', attrMap: '', attrUnit: '', attrSymbol: '' } ] } },实现的效果

看着好像没什么问题,但是inout输入框不能输入东西,控制台报警告,后来仔细看了一下官方提供的自定义数据表格,发现缺少一些代码,
看一下官方的示例
{{ scope.row.date }} 姓名: {{ scope.row.name }}
住址: {{ scope.row.address }}
{{ scope.row.name }} 编辑 删除

看上图,有没有发现问题所在,我出现错误的地方有两个
- 第一个: 没有写
- 第二个:给input绑定的数据是attrName儿不是scope.row.attrName
那么scope.row和scope.column是什么东东?我们打印一下看看


所以知道我为什么把原来的attrName替换成了scope.row.attrName的原因了吧。
以上为个人经验,希望能给大家一个参考,也希望大家多多支持。
您可能感兴趣的文章:
