vue dom有 v-for 还有 v-if 有没办法, v-if 某条件时,终止 v-for,不再循环下去了

Question

vue dom 中的 v-for 还有 v-if
有没办法, v-if 某条件时,终止 v-for,不再循环下去了

Answer 1

不推荐v-for与v-if同时使用，因为v-for的优先级较高，会先讲所有的dom渲染才会根据v-if去判断销毁，影响性能。想要达成你说所的效果，其中一个方法是可以对原始数据进行处理，将你最终需要渲染的数据先过滤出来，然后再赋值给v-for的数据源或变量。做法如下，可以在你最开始拿到原始数据的地方，对数据根据条件进行过滤，然后把新的数据赋值给v-for的数据源即可。