[视图。set() 用法]视图中$set的示例代码

原创 程序编程代写  2021-12-10 11:16:12  阅读 68 次 评论 0 条
摘要:

视图中$set的示例代码视图—$set在用vue开发的过程中,我们可能会遇到这样的情况:vue实例生成的时候,再次分配数据的时候,有时候不会自动更新到视图;当我们查看vue文档时,会发现这样一句话:如果

视图中$set的示例代码

视图 —$set

在用vue开发的过程中,我们可能会遇到这样的情况:vue实例生成的时候,再次分配数据的时候,有时候不会自动更新到视图;

当我们查看vue文档时,会发现这样一句话:如果在实例创建后给实例添加了新的属性,则不会触发视图更新。

下面的代码,给学生对象添加年龄属性

数据(){返回{学生:{姓名:,性别:

Vue。set() 动态添加和修改数据,并触发视图更新方法

范围:

target:要改变的数据源(可以是对象也可以是数组)

key:要更改的具体数据(可以是字符串和数字)

value:重新分配的值

用法:给响应式对象添加一个属性,并确保这个新属性也是响应式的,并触发视图更新。

例子:

数据:{名单:[ {message:叶洛森,id:1}, {message:姜艳霞,id:2}, {m

Vue的Vue。设置动态新对象属性方法

当我们在props或data中观察到的对象添加新属性时,不能直接添加,必须使用Vue。设置方法

Vue。set方法用于添加对象的属性。如果要添加属性的对象是响应式的,那么这个方法可以保证属性在创建后也是响应式的,同时触发视图更新

这里,食物对象没有计数属性。如果我们想给它添加一个计数属性,我们必须使用Vue。设置方法,但不能写成这样。食物。计数 = 1

本文地址:http://www.mjgy888.com/post/33322.html
版权声明:本文为原创文章,版权归 程序编程代写 所有,欢迎分享本文,转载请保留出处!

发表评论


表情

还没有留言,还不快点抢沙发?