首页 > 其他分享 >vue2 绑定数组,变化无法更新view的解决方法

vue2 绑定数组,变化无法更新view的解决方法

时间:2022-08-15 10:44:51浏览次数:74  
标签:set vue2 student 绑定 更新 vue 视图 数组 view

vue绑定数组,更新数组的内容时,view没有更新,多数是因为直接给数组內的数据赋值了,

如:this.student[i].name = "Jack Fung";

这样做vue是不会触发视图更新的。根据vue的官方文档说明:

方法一

Vue 包含一组观察数组的变异方法,所以它们也将会触发视图更新。这些方法如下:

push()、pop()、shift()、unshift()、splice()、sort()、reverse()

方法二

this.$forceUpdate(); //修改后强制刷新

方法三

this.$set(this.student,0,data)

Vue.set(this.student,0,{name:"Jack Fung"}); //$set可以触发更新视图

搜索

复制

标签:set,vue2,student,绑定,更新,vue,视图,数组,view
From: https://www.cnblogs.com/xmyd/p/16587421.html

相关文章

  • .NET 7 发布的最后一个预览版Preview 7, 下个月发布RC
    微软在2022年8月9日发布了.NET7Preview7[1],这是它在11月10日RTM之前进入发布候选阶段之前的最后预览版。预览版7已在VisualStudio17.4预览版1中进行了测试,......
  • Vue2.x全家桶
    Vue2.x1、Vue简介1.1、官网英文官网:https://vuejs.org/中文官网:https://cn.vuejs.org/1.2、介绍与描述1、Vue是一套用来动态构建用户界面的渐进式JavaScript框架......
  • Android自定义矩形View中任意拖动圆点获取色温值(RectangleWheel)
    如图所示:矩形色温条中,拖动圆点获取当前色温值  1、自定义属性res->values下创建attrs.xml文件<declare-styleablename="RectangleWheel"><!--矩形宽高......
  • Vue2.x+Node.js拼多多商城项目实战课程学习有感(附源码)
    本人计算机本科毕业,本来毕业后挺迷茫的,听学长们说现在前端比较吃香,想着自己自学前端去找工作,于是网上各种找学习课程或者购买一些学习资料在家自学,据学长们所说,能自学会的......
  • 多网卡绑定之team
    多网卡绑定之teamCloud研习社 Cloud研习社 2022-08-0907:33 发表于山东收录于合集#一站式教程119个#Linux122个#计算机网络11个#云计算29个#linux46个......
  • vue双向绑定原理分析
    1.vue双向绑定原理vue.js则是采用数据劫持结合发布者-订阅者模式的方式,通过Object.defineProperty()来劫持各个属性的setter,getter,在数据变动时发布消息给订阅者,触发相应......
  • .Net6 Html.Action无法使用(ViewComponents)
    接触了netcore的小伙伴们已经发现@html.Action()方法官方已经不提供支持了,转而使用 ViewComponents替代了,同时也增加了TagHelper。1.如果想用以前的@Html.Action()......
  • PerfView专题 (第三篇):如何寻找 C# 中的 VirtualAlloc 内存泄漏
    一:背景上一篇我们聊到了如何用PerfView去侦察NTHeap的内存泄漏,这种内存泄漏往往是用C的malloc或者C++的new分配而不释放所造成的,这一篇我们来聊一下由Virtua......
  • VUE学习-表单输入绑定
    表单输入绑定v-model可以用v-model指令在表单<input>、<textarea>及<select>元素上创建双向数据绑定。v-model会忽略所有表单元素的value、checked、selecteda......