美文网首页
vue的使用过程中,改变了data的值,html却不改变情况

vue的使用过程中,改变了data的值,html却不改变情况

作者: 小狼在IT | 来源:发表于2019-05-07 10:03 被阅读0次

    data是个数组:
    比如:

    var example1 = new Vue({
      el: '#example-1',
      data: {
        items: [
          { message: 'Foo' },
          { message: 'Bar' }
        ]
      }
    })
    

    此时如果想改变数组第二个元素的值Bar,改成Bar2 。
    不能用

    this.items[1].message = 'Bar2'; 
    

    可以用

    Vue.set(this.items, 0, 'Bar2');
    

    如果是想往对象添加新属性:
    比如:

    var vm = new Vue({
      data: {
        userProfile: {
          name: 'Anika'
        }
      }
    })
    

    不能用

    this.userProfile.age = 27; 
    

    可以用

    Vue.set(this.userProfile, 'age', 27)
    

    参考:https://cn.vuejs.org/v2/guide/list.html

    相关文章

      网友评论

          本文标题:vue的使用过程中,改变了data的值,html却不改变情况

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