vue $set修改对象

在vue开发中，当生成vue实例后，再次给数据赋值时，有时候并不会自动更新到视图上去；

eg:<!DOCTYPE html>

<html>
<head>
<meta charset="utf-8">
<title>vue $set的使用</title>
<script src="https://static.runoob.com/assets/vue/1.0.11/vue.min.js"></script>
</head>
<body>
<div id="app">姓名：{{ name }}<br>手机：{{phone}}<br>性别：{{sex}}<br>说明：{{list.instr}}
</div>
<script>
var data = {name: "简书",phone: '15736882244',list: {instr: 'my name is Yilia'}
}    //var key = 'instr';var vm = new Vue({el:'#app',data: data,ready: function(){　　　　//Vue.set(data,'sex', '男'); 　　　　//this.$set('list.'+key, 'who are you?');　　}
});
data.sex = '女'；
</script>
</body>
</html>

这样运行的结果是

姓名：简书

年龄：15736882244

性别：

说明：my name is Yilia

解决方法是：

Vue.set(data,'sex', '男')

还可以使用 vm.$set实例方法，这也是全局 Vue.set方法的别名:

var key = 'instr'; //这种主要用于当对象中某个属性值动态生成时处理方式
this.$set('list.'+key, 'who are you?');或
this.$set('list.instr', 'who are you?');

转载于:https://www.cnblogs.com/qing619/p/8862282.html

vue $set修改对象相关推荐

经典 Python参数传递采用的肯定是“传对象引用”的方式。相当于传值和传引用的一种综合。如果函数收到的是一个可变对象（比如字典或者列表）的引用，就能修改对象的原始值－－相当于通过“传引用”来传递对象
python不允许程序员选择采用传值还是传引用.Python参数传递采用的肯定是"传对象引用"的方式.这种方式相当于传值和传引用的一种综合.如果函数收到的是一个可变对象(比如字典或 ...
linux chcon命令修改对象（文件）的安全上下文
修改对象(文件)的安全上下文 chcon命令是修改对象(文件)的安全上下文,比如:用户.角色.类型.安全级别.也就是将每个文件的安全环境变更至指定环境.使用--reference选项时,把指定文件的 ...
小程序修改数组中对象的某个值或者修改对象值
小程序中获取当前data定义的值,用this.data.xxx setData的时候要修改的值是不需要加this.data.xxx的,直接xxx, 一般直接修改data的值直接修改,修改数组中对象的值 ...
关于java通过反射获取/修改对象属性值的一些注意事项
getFields()与 getDeclaredFields() 前者能够获取所有public字段,包括父类字段: 后者可以所有public/protected/private类型的字段,但是不包括父 ...
js如何修改对象的padding属性
js如何修改对象的padding属性 $(".process_body").css("padding","16px 5px 5px 16px" ...
JQuery修改对象的属性值
JQuery修改对象的属性值用到的便是JQuery提供的attr方法,获取属性值的基本结构为:$(obj).attr("属性名"):修改属性值的结构为:$(obj).attr(& ...
js 修改对象的键名，遍历动态传值
js 修改对象的键名,遍历动态传值 js循环遍历传值无效输出的键 js循环遍历传值无效 let target = {field: "LAWSREGULATIONS_NAME",l ...
修改对象属性名的两种方法
每天都能遇到奇奇怪怪的问题哈修改前的数据 let HouChen = [{ name: '羽神', 年龄: 13, sex: '女', userList: [{ id: 1, Z_name: '钢铁 ...
微信小程序this.setData修改对象中某个属性的值
前言做过微信小程序的同学都知道,this.setData() 方法可以修改或者更新 data 中的值 .那不知道大家有没有遇到这么一种情况,我要修改对象中某个属性的值该怎么办呢?是不是第一想到的就是 ...
mysql 中修改对象_在MySQL中，创建一个数据库后，还可以对象其进行修改，不过这里的修改是指可以修改被创建数据库的相关参数，也可以修改数据库名。...
[多选题]注射时,在( )情况下,采用较高的注射速率. [单选题]通常,所设置的模具温度是指和制品接触的模腔内表面在( ). [单选题]反映某一事件发生强度的指标应选用 [判断题]当试样制备之后 ...

vue $set修改对象

vue $set修改对象相关推荐

最新文章

热门文章