v-if 和 v-for为什么不能一起使用?
原因:v-for 的优先级比 v-if 的高,所以每次渲染时都会先循环再进条件判断,而又因为 v-if 会根据条件为 true 或 false来决定渲染与否的,所以如果将 v-if 和 v-for一起使用时会特别消耗性能,如果有语法检查,则会报语法的错误解决方法:1. 将 v-if 放在外层嵌套 template (页面渲染不生成 DOM节点),在这一层进行 v-if 判断,然后在内部进行 v-for 循环2. 如果条件出现在循环内部,不得不放在一起,可通过计算属性computed 提前过滤掉
复制链接