淘宝客怎么做自己网站推广,图片模板免费下载,企业门户网模板下载,福田欧曼行星vue通过下标修改数组里面内容#xff0c;同时通过下标修改数组对象里面的内容#xff0c;然后页面数组更新了#xff1f;#xff1f;#xff1f;
项目里面一直都是知道vue通过下标修改数组里面内容是触发不了页面的更新的#xff0c;需要用其他方式#xff0c;当我写其…vue通过下标修改数组里面内容同时通过下标修改数组对象里面的内容然后页面数组更新了
项目里面一直都是知道vue通过下标修改数组里面内容是触发不了页面的更新的需要用其他方式当我写其他内容的时候发现如果在更新其他能触发页面更新的时候神奇的来了之前的数组没触发更新的居然也跟着页面更新了。。。
原来是我孤陋寡闻了vue的响应式还是没有深入去探讨和了解
templatediv首页div{{ arr }}/divdiv{{ objarr }}/divdiv clickbtn按钮/divdiv clickbtn1按钮/div/div
/templatescript
export default {name: Dashboard,data() {return {arr: [1, 2, 3],objarr: [{num: 0},{num: 0},{num: 0}]}},components: {},created() {},computed: {},methods: {btn() {// this.arr[0] 100this.objarr[0].num 100// this.$set(this.arr, 0, this.arr[0])console.log(this.arr)},btn1() {this.arr[0] 100console.log(this.arr)// this.objarr[0].num 100// console.log(this.arr)}}
}
/scriptstyle scoped langscss/style
过程是这样的 1、先触发btn事件objarr 在页面的数据更新了 2、再触发btn1事件arr 没有更新因为修改下标不会触发页面更新
接下来换个顺序 1、先触发btn1事件arr 没有更新 2、再触发btn事件objarr arr 都更新怀疑是不是vue响应式把data里面的数据更新到页面
