vue开发过程中,修改了数据,但是页面死活不渲染改变!没变化!怎么办?6种方法解决~

时间:2024-10-30 08:06:41

方法1(推荐):用((objectOrArray))

通常是某个渲染的数组改变了层级较深的数据导致页面没有实时渲染

就这么写  =(());

方法2:用:key

给没有渲染改变数据的html元素加入:key="update"

定义一个update:false,每次修改数据的时候在后面加一句=!;就可以刷新渲染了 

方法3:用$set

data() {

    return {

        d: { a: "旧的值" }

    };

},

this.$set(,"a","新的值");

方法4:用 $forceUpdate

在修改数据之后加入this.$forceUpdate();即可 

方法5:用 v-if

 就是给需要刷新数据点html标签加上v-if,让其重新渲染(笨办法)

方法6(极其不推荐):用("");

直接重新(""); 刷新整个网页