v-for比v-if优先级高，所以使用的话，每次v-for都会执行v-if,造成不必要的计算，影响性能，尤其是当之需要渲染很小一部分的时候。
解决：
1.如果条件在循环外部可以在外层嵌套一层template（页面不生成dom节点）、在外层v-if判断、然后在进行使用v-for循环；
2.如果条件出现在循环内部、可以通过计算属性computed提前过滤掉那些不需要展示的数据
v-if和v-for能同时用吗？解决方案
本文探讨了在Vue中v-for与v-if的优先级问题，指出v-for会先于v-if执行可能导致不必要的计算，影响应用性能。为了解决这个问题，提出了两种解决方案：一是将v-if置于外层template，避免DOM生成；二是利用计算属性预先过滤数据。通过这两种方式，可以有效地减少循环内部的无效计算，提高前端应用的运行效率。
扫一扫
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
