vue中如何给一个对象内部的属性 设置computed?

找了一圈大都是直接给data中的属性来设置计算属性,如果是data中的一个对象中的一条属性应该怎么设置?

阅读 4.3k
2 个回答

data怎么写的,data的对象的属性就怎么写。

新手上路,请多包涵

object.property就可以啊。不过要注意没有在data中声明,后来动态添加的要用Vue.$set()方法改,不然视图不会更新

<body>
    <div id="app">
        <p>{{ obj.obj.inner }}</p>
        <button @click="Add()">Obj.property</button>
    </div>
    <script>
        new Vue({
            el: '#app',
            data: {
                obj: {
                    obj: {
                        inner: 0
                    }
                }
            },
            methods: {
                Add: function() {
                    this.obj.obj.inner += 1;
                }
            }
        })
    </script>
</body>
撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
推荐问题