zoukankan      html  css  js  c++  java
  • vue基础篇---修改对象或数组的值,页面实时刷新

    这个问题估计大家很难想到,如果一个数组[1,2,3,4],然后我们v-for遍历,我们改变数组的值,arr[1] = 5 ,难道不应该改变么?按理说根据vue的特性应该是改变的,但是事实上确实数组已经改变了,但是页面上面却没有变化。有三种解决办法。

    1.通过7个特定的api方法来实现

    push  pop  shift  unshift  splice  sort  reverse

    如果我们想要实现上面说的效果就 这样写:vm.list.splice(2,1,5)   //意思是把list这个数组的坐标为二的值开始,删除1个,然后添加一个5

    2.通过改变对象地址的方法来实现

    说白了就是   vm.list=[1,5,3,4]   重新赋值

    3.通过set的方法来实现

    Vue.set(vm.list,1,5)    // Vue  对象
    vm.$set(vm.list,2,6)    // Vue  实例
  • 相关阅读:
    javaweb地图定位demo
    java基础循环
    java实现时钟
    栈和队列
    线程池
    java死锁及解决方案
    克隆
    算法与数据结构基础一
    重定向与转发的区别
    省选模拟57
  • 原文地址:https://www.cnblogs.com/coder-lzh/p/9250677.html
Copyright © 2011-2022 走看看