语法提示:v-else/v-else-if has no adjacent v-if or v-else-if.

281 阅读1分钟

如题,在vue中提示v-else/v-else-if has no adjacent v-if or v-else-if.,虽然不影响运行,但是明摆着的异常还是要解决的

v-if 与 v-else层级没有问题

在这里插入图片描述

问题原因:v-else与v-if一样,不建议与v-for一起用

因为 v-for 比 v-if 优先级高,一起使用的话,每次v-for都会先执行判断,造成不必要的资源浪费

解决方式: 把v-else提出来,单独判断即可

image.png