Vue更改slot-scope=“scope“中的值

业务需求将input中绑定了行内元素的值，添加默认值0，并且可以修改

            <el-table-columnlabel="投放数量"align="center"min-width="40"><template slot-scope="scope"><el-inputv-model="scope.row.distributionCount":disabled="!param.receivePointId"class="edit-input"size="mini"@change="abc(scope)"/></template></el-table-column>

子组件中返回数组数据格式 .由于返回的对象中没有distributionCount我们要的元素，所以我在子组件中添加了一个循环语句对其进行添加

[{a:'',b:'',c:''}
]

循环语句：

 for (var i = 0; i < this.inenData.length; i++) {this.inenData[i].distributionCount = 0}

但结果并不理想，在el-table中可以达到显示数据的目的。但是在input修改行内元素值得时候出现问题。该元素无法修改，每次修改都需要点击，且一次只能输入一个值。

解决方案
将之前添加元素的方式进行修改使用

vue.$set

Vue.$set(target,key,value)：可以动态的给数组、对象添加和修改数据，并更新视图中数据的显示。

变更后的代码
for (var i = 0; i < this.inenData.length; i++) {this.$set(this.inenData[i], 'distributionCount', 0)
}

问题得以解决。
具体出错的原因我并不是很清楚。应该是与元素的创建有关。

如有错误欢迎指正。

Vue更改slot-scope=“scope“中的值相关推荐

python怎么用数据修改,如何更改数据框Python中的值
我搜索过去30分钟的答案,但唯一的解决方案是单列还是R.我有一个数据集,我想在其中将('Y / N')值更改为1和0分别.我觉得复制和粘贴17次以下的代码是非常低效的. df.loc[df.infan ...
python列表如何修改_如何在python中更改列表的字典中的值
for x in range(0, 5): ohlc_list[x] = [open , high , low, close] 这并没有按照您的想法做.它为相同的4个列表创建5个引用,并将这些引用保留 ...
vue 渲染函数处理slot_解决vue同一slot在组件中渲染多次的问题
{"moduleinfo":{"card_count":[{"count_phone":1,"count":1}],&q ...
在POM 4中，dependency中还引入了scope可以使用5个值
在POM 4中,<dependency>中还引入了<scope>,它主要管理依赖的部署.目前<scope>可以使用5个值: * compile,缺省值,适用于所有阶 ...
vue使用elementui合并单元格，并合并单元格中的值
看文档: 1.先在标签内引入对应的函数:span-method="objectSpanMethod" <el-tablestyle="margin-top: 20p ...
vue点击改变data值_vue 中自定义指令改变data中的值
通过局部自定义指令实现了一个拖动的指令 html: script: methods:{ set(x,y){ this.data.x=x; this.data.y=y; } }, directives: ...
在vue中，Echarts雷达图中indicator的点击事件，不能改变data中的值的解决方法
在vue中,Echarts雷达图中indicator的点击事件,不能改变data中的值的解决方法参考文章: (1)在vue中,Echarts雷达图中indicator的点击事件,不能改变data中的 ...
【Python 必会技巧】使用 Python 追加写入 json 文件或更改 json 文件中的值
追加写入 json 文件有一个 test.json 文件,包含内容如下: {"key_1": "value_1" } 现需要追加写入 json 文件,向其中增 ...
android复用字符串文件夹,如何从Android Studio中的值xml字符串文件夹更改字体
我一直在努力了解如何更改值/ Strings.xml目录的字体系列.有没有简单的方法来改变字体?我已经加了我想要的字体到资产的文件夹,但我的标题是在strings.xml中值目录像这里面:如何从And ...
微信小程序 data中数据值的更改与储存
微信小程序 data中数据值的更改与储存 this.setData this.setData 直接更改 success(res){this.setData({list:res.data.data}) ...

Vue更改slot-scope=“scope“中的值

Vue更改slot-scope=“scope“中的值相关推荐

最新文章

热门文章