vue中数据改变但视图不改变的部分情况

最新推荐文章于 2023-08-09 11:18:11 发布

铭赟

最新推荐文章于 2023-08-09 11:18:11 发布

阅读量967

点赞数

分类专栏： vue

本文链接：https://blog.csdn.net/weixin_52375544/article/details/115748521

版权

5 篇文章 0 订阅

订阅专栏

一、vue中给列表数据添加属性，且视图可以改变

data.forEach(item=>{
		item.属性名 = 属性值
	})
上述方法也可以设置，视图也可以渲染成功，但是无法进行双向绑定,所以建议使用以下方法实现：
data.forEach(item=>{
		this.$set(item,'属性名' ,'属性值')
	})

二、vue ui框架中表格渲染时 input框v-model绑定某一属性时无法修改
例：ant design 中表格插槽渲染（不清楚的看：https://www.antdv.com/components/table-cn/#Table-）

<div slot='' slot-scope="text, record">
	<a-input v-model='record.name'/>
</div>

上述方法能显示内容，但是无法进行修改，因为Vue的响应式property必须在初始化的时候声明，所以更改一下代码：

<div slot='' slot-scope="text, record index">
	<a-input v-model='list[index].name'/>
</div>

其中list是在data中定义的对象

关注