vue中的$set

 let arr = [1,2,3,4,5,6,7,8,9]

vue 中通过索引值更改数组是无法触发视图更新的,所以要用$set
针对上面普通的数组,中间的参数是写索引值,即想要修改哪个索引值的数值
this.$set(this.arr,索引值,修改后的值)


要是想让整个数组或者对象变成响应式而不是某一个属性,那么就嵌套在一个对象里
obj:{
   arr:[],
}
然后this.$set(this.obj,arr,新值)
上面代码翻译就是 将obj对象下的arr属性值替换成新值
©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

相关阅读更多精彩内容

  • 如下图所示,先进行一个判断,判断target不是undefined、null、string、number、symb...
    指尖跳动阅读 1,422评论 0 0
  • 当生成vue实例后,当再次给数据赋值时,有时候并不会自动更新到视图上去;(如果在实例创建之后添加新的属性到实例上,...
    JuneLau阅读 488评论 0 6
  • 在我们使用vue进行开发的过程中,可能会遇到一种情况:当生成vue实例后,当再次给数据赋值时,有时候并不会自动更新...
    e_payne阅读 23,630评论 17 5
  • Vue.set()在methods中也可以写成this.$set() 这个组件最后显示的界面如下: 当点击按钮之后...
    wxyzcctn阅读 3,595评论 0 4
  • 2019年8月14号上午,有个需求为,根据点击的按钮 联动一个下拉列表,如,点击“全部”,下拉列表显示所有的选项,...
    c6e71129966d阅读 2,495评论 0 0

友情链接更多精彩内容