uni-app修改对象值后没有发生变化

提出问题

数据如下:

data() {
    return {
        student:{},
    };
},

当修改 student 中的值时,没有渲染到页面上(值确实改变了)

分析

数据层次太多,没有触发 render 函数进行自动更新,需手动调用

解决1

this.student.name = "李雷";
this.$forceUpdate();

解决2

有的说需要通过下面才行;

this.$set(this.student,"name","李雷");

参考:
https://blog.csdn.net/qq_43105864/article/details/106099734

https://blog.csdn.net/lx_1024/article/details/78814308