Vue中使用this.$forceUpdate()强制刷新渲染

使用this.$forceUpdate()可以强制重新渲染页面

2019121206523796

如图要实现一个这样的列表,使用了v-for嵌套循环,外层循环了一个数组(biopsyOptions)

2

 

所以外层的写法是:

v-for=”(i,index) in biopsyOptions”

 

外层数组中的每一项底下又有一个子项的数组(i.list)

所以内层的写法是 v-for=”(j,index1) in i.list”

3

 

可问题在于:外层列表是不变的,而内部的子项列表确实在动态改变的

 

于是就出现了在改变子项数组元素后,页面并没有被及时渲染改变的问题

 

经过查资料,得知使用this.$forceUpdate()可以强制重新渲染页面

 

于是,把这行代码加在子数组被修改之后

 

4

页面就可以及时被渲染了

本文来自投稿,不代表微擎百科立场,如若转载,请注明出处:https://www.w7.wiki/develop/2971.html

发表评论

登录后才能评论