2019-08-08 vue对象添加属性的渲染响应问题

在vue里直接给一个对象添加一个属性。例如

<div ref='p'>{{person.age}}</div>

data () {

    return {

      message:0,

      message1:'zhangsan',

      person:{name:'大帅'},

    }

  },

this.person.age = 12 // 这样的话页面是不会动态响应这个数据的,通过下面的打印结果可以看出来

console.log(this.$refs.p.textContent)

this.$set(this.person,'age',12)

console.log(this.$refs.p.textContent)

©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 对象的传统表示法 let person = {"name":"张三","say":function(){ aler...
    CRUD_科科阅读 536评论 0 1
  • pyspark.sql模块 模块上下文 Spark SQL和DataFrames的重要类: pyspark.sql...
    mpro阅读 9,505评论 0 13
  • var a = 1; console.log(typeof a);// 'number' var b = '1';...
    zdnexus阅读 342评论 0 0
  • 对于开发人员来说,设计模式有时候就是一道坎,但是设计模式又非常有用,过了这道坎,它可以让你水平提高一个档次。而在a...
    WANKUN阅读 273评论 0 2
  • 开篇废话是一种情怀 在我们开始学习面向对象之前,首先得先想一个问题,那就是何为对象? 在日常生活中我们有男朋友\女...
    西巴撸阅读 524评论 4 3