vue15-修改对象值触发vue绑定改变

最新推荐文章于 2024-07-21 12:23:43 发布

一笑而过者也

最新推荐文章于 2024-07-21 12:23:43 发布

阅读量5k

点赞数

分类专栏： Vue 文章标签： Vue vue修改对象值 vue增加对象值页面不变

本文链接：https://blog.csdn.net/u012326462/article/details/82828067

版权

Vue 专栏收录该内容

21 篇文章 1 订阅

订阅专栏

首先看下面代码：

<!DOCTYPE html>
<html lang=en>

<head>
    <meta charset="utf-8" />
    <title>Hello world</title>
    <script src="vue.js"></script>
</head>

<body>
    <div id="root">
        <!-- template渲染到页面上标签就没有了 -->
        <template v-for="(item,key,index) of userInfo">
            <div>{{item}}---{{key}}--{{index}}</div>
        </template>
    </div>


    <script>

        var vm = new Vue({
            el: "#root",
            data: {
                userInfo:{
                    name:"xu",
                    age:"25",
                    gender:"man"
                }
            }
        })

    </script>
</body>

</html>

当我通过如下方式增加userInfo属性时，页面并没有发生改变，通过（.属性方式）更改现有属性是会发生改变的

有一下几种方式解决：

1.重新给对象赋引用

2.Vue中的方法 Vue.set

3.Vue实例中的方法$set

一笑而过者也

关注

0
点赞
踩
1

收藏

觉得还不错? 一键收藏
0
评论
vue15-修改对象值触发vue绑定改变

首先看下面代码：&lt;!DOCTYPE html&gt;&lt;html lang=en&gt;&lt;head&gt; &lt;meta charset="utf-8" /&gt; &lt;title&gt;Hello world&lt;/title&gt; &lt;script src="vue.js"&gt;&am
复制链接

扫一扫

专栏目录