zoukankan      html  css  js  c++  java
  • 【 vue / uniapp 】为data中的对象动态增加属性

    首先要明确一点:vue不支持在实例创建之后为对象动态增加属性。

    意思就是说,如果想动态增加对象属性,那么用常规方式是不可以的,只能通过特殊方式。

    微信截图_20200218141816.png

    图中,有三种对象:

    1、obj:一级对象

    2、subObj:二级对象

    3、{ caption: '...' }:数组中的对象元素

    如果先不考虑之前的那条知识点,都使用最简单的方式给上面的三种对象增加属性:

    微信截图_20200218142737.png

    我们看看控制台的信息:

    微信截图_20200218142925.png

    首先看 obj 对象,会发现新增加的 status 属性并没有 get/set 函数,所以这个属性不会在视图中动态响应。

    微信截图_20200218143726.png

    之后看 obj.subObj 这个嵌套子对象,发现新增加的 attr 属性也没有 get/set 函数,所以这个属性也不会动态响应。

    微信截图_20200218144003.png

    对于数组元素对象,不出预料,新增加的 status 属性也没有 get/set 函数,所以这个属性也不会动态响应。

    正确姿势:

    微信截图_20200218144420.png

    再看控制台:

    微信截图_20200218144518.png

  • 相关阅读:
    1010考试T1
    P5631 最小mex生成树 分治 并查集
    P4366 [Code+#4]最短路 建图 最短路
    P1654 OSU! 期望概率DP
    7.26集训
    7.25集训
    7.23集训
    7.22集训
    7.21test
    7.12test
  • 原文地址:https://www.cnblogs.com/netWild/p/12326982.html
Copyright © 2011-2022 走看看