本文共 710 字,大约阅读时间需要 2 分钟。
代码:
{ {obj}}新增name属性
页面效果:
原因:
可以看到页面中并没有自动更新新增的name属性,但是,在控制台可以打印出来
当vue的data里边声明或者已经赋值过的对象或者数组(数组里边的值是对象)时,向对象中添加新的属性,如果更新此属性的值,是不会更新视图的。
- target: 要更改的数据源(可以是一个对象或者数组)
- key 要更改的具体数据 (索引)
- value 重新赋的值
代码:
{ {obj}}新增name属性
页面效果:
MDN:Object.assign()
方法用于将所有可枚举属性的值从一个或多个源对象复制到目标对象。它将返回目标对象。
代码:
{ {obj}}新增name属性
页面效果:
代码:
{ {obj}}新增name属性
页面效果:
迫使 Vue 实例重新渲染。注意它仅仅影响实例本身和插入插槽内容的子组件,而不是所有子组件。
{ {obj}}新增name属性
转载地址:http://vrtgn.baihongyu.com/