一:

在我们使用vue进行开发的过程中,可能会遇到一种情况:当生成vue实例后,当再次给数据赋值时,有时候并不会自动更新到视图上去;

当我们去看vue文档的时候,会发现有这么一句话:如果在实例创建之后添加新的属性到实例上,它不会触发视图更新。如下代码:

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>vue $set</title>
<script src="https://static.runoob.com/assets/vue/1.0.11/vue.min.js"></script>
</head>
<body>
<div
                    }]
                },
                methods: {
                    getList: function() {
                        let len = this.List.length;
                        for(let i = 0; i < len; i++) {
                            this.$set(this.List[i], 'active', false);
                        }
                        this.List[0].active = true;
                        this.showList = true;
                    },
                    beActive: function(index) {
                        let len = this.List.length;
                        for(let i = 0; i < len; i++) {
                            this.List[i].active = false;
                        }
                        this.List[index].active = true;
                    }
                }
            })
        </script>

    </body>

</html>
---------------------
作者:歪歪100
来源:CSDN
原文:https://blog.csdn.net/weixin_41646716/article/details/81092253
版权声明:本文为博主原创文章,转载请附上博文链接!

相关文章: