首页 新闻 会员 周边

vue3里面v-for和v-if不能共存问题

0
悬赏园豆：10 [已解决问题] 解决于 2022-08-22 13:19

对vue3里面v-for和v-if不能共存问题，最好的方法是我们把处理逻辑放在数据本身，之前那样做本身就是不推荐。官方有说明：https://vuejs.org/guide/essentials/list.html#v-for-with-v-if
有大佬解释下这个是为什么吗？

灯塔下的守望者的主页 灯塔下的守望者 | 菜鸟二级 | 园豆：319
提问于：2022-08-19 16:02
< >
分享
最佳答案
0

先后顺序问题，v-for 和 v-if 放在同一个元素，你想要的效果是先执行 v-for，再执行 v-if；但其实 Vue 是先执行 v-if 再执行 v-for

收获园豆：10
by.Genesis | 老鸟四级 |园豆：2719 | 2022-08-22 09:58
其他回答(2)
0

有歧义啊。。IDE难以识别正确的提示，容易误导。

56180825 | 园豆：1756 (小虾三级) | 2022-08-19 20:28
0

https://vuejs.org/style-guide/rules-essential.html#avoid-v-if-with-v-for
这不都写了吗，还有demo

永远跟党走i | 园豆：1519 (小虾三级) | 2022-08-20 09:35
清除回答草稿
   您需要登录以后才能回答，未注册用户请先注册。