美文网首页
vue中$set的用法

vue中$set的用法

作者: SY | 来源:发表于2022-06-01 18:17 被阅读0次
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:"男"}

相关文章

  • Vue中$set的用法

    什么情况下使用$set? 由于 Vue 会在初始化实例时进行双向数据绑定,使用Object.definePrope...

  • vue中$set的用法

    $set用于更新数组: $set用于更新对象:

  • vue中 this.$set的用法

    当vue的data里边声明或者已经赋值过的对象或者数组(数组里边的值是对象)时,向对象中添加新的属性,如果更新此属...

  • vue中this.$set的用法

    学了那么久的vue,今天突然发现了this.$set这个用法,之前感觉没有应用场景,但是还是有用得到的地方。 当你...

  • vue中this.$set的用法

    之前了解这个方法的时候,感觉这一辈子也用不到这个方法,因为当时没有应用场景,但是还真有用的时候?,我相信你们也有用...

  • Vue:$set用法

    2022-11-30 周二 Vue不能检测以下数组的变动[https://v2.cn.vuejs.org/v2/g...

  • vue中this.$set()的神奇用法

    作为一名开发者,我们都知道:data中数据,都是响应式。也就是说,如果操作data中的数据,视图会实时更新;但在实...

  • Vue数据响应思路(五)—— 实现Vue.set

    Vue.js 中, Vue.set 和 vm.$set 是一回事,其中 vm.$set 是 Vue.set 的别名...

  • ES-6--数据结构

    Set的用法,WeakSet的用法,Map的用法,WeakMap的用法 Set()基本用法 Set的add,del...

  • vue中使用 elemenutUi 时间组件赋值后无法重新更改

    赋值之后不可修改 $set 赋值(可修改) set用法 我这个获取的时间是数组格式,Vue 不能检测数组的变动,当...

网友评论

      本文标题:vue中$set的用法

      本文链接:https://www.haomeiwen.com/subject/jbnxmrtx.html