vue中$set的用法

vue中$set的用法

$set用来更新数组或对象

$set接收3个参数,参数1:参数是需要更新的数组或对象,参数2:是数组的下标或者对象的属性名,参数3:是更新的内容

$set用于更新数组:

let arr = ["星期一","星期二","星期日"]
this.$set(arr,2,"星期三")   //第一个参数是数组,第二个参数是下标索引,第三个参数是新的内容
//更新之后的arr是["星期一","星期二","星期三"]

$set用于更新对象:

//对象的属性sex的值更新为"男"
let obj = {name:"六四",age:18,sex:"女"}

this.$set(obj,"sex","男")   //第一个参数是对象,第二个参数是更新的属性名称,第三个参数是新的内容

//更新之后的obj是 {name:"六四",age:18,sex:"男"}

©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

相关阅读更多精彩内容

  • 什么情况下使用$set? 由于 Vue 会在初始化实例时进行双向数据绑定,使用Object.definePrope...
    七幺七阅读 105,096评论 3 22
  • 之前了解这个方法的时候,感觉用不到这个方法,因为当时没有应用场景,但是还真有用的时候🤣,我相信你们也有用到时候。 ...
    花雨_d9ba阅读 1,886评论 0 2
  • 之前了解这个方法的时候,感觉这一辈子也用不到这个方法,因为当时没有应用场景,但是还真有用的时候🤣,我相信你们也有用...
    梅花骨朵阅读 227,778评论 17 52
  • 当vue的data里边声明或者已经赋值过的对象或者数组(数组里边的值是对象)时,向对象中添加新的属性,如果更新此属...
    水晶草720阅读 3,118评论 0 0
  • 学了那么久的vue,今天突然发现了this.$set这个用法,之前感觉没有应用场景,但是还是有用得到的地方。 当你...
    MrHong_bfea阅读 5,668评论 0 6

友情链接更多精彩内容