vue v-for 和 v-if v-else一起使用造成的bug

Posted guxuelong

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了vue v-for 和 v-if v-else一起使用造成的bug相关的知识,希望对你有一定的参考价值。

现象:导致v-else 执行v-for的length次数,

从现象看应该v-for先解析,然后将v-if和v-else包在其中

 

解决方案:很简单,tempalte 将v-if v-else 隔离到最外层

<template vi-if>

< v-for>

</template>

<template v-else>

</template>

如此就不会有很奇怪的问题了

以上是关于vue v-for 和 v-if v-else一起使用造成的bug的主要内容,如果未能解决你的问题,请参考以下文章

vue学习笔记(v-if v-else v-show v-for)-panda

Vue.js常用指令汇总(v-if//v-show//v-else//v-for//v-bind//v-on等)

Vue.js学习之条件v-if和列表循环v-for详解

Vue.js v-for中能不能嵌套使用v-if

Vue条件渲染及列表渲染

Vue条件渲染及列表渲染