Vue-使用下标作为依据控制显示隐藏时，v-if会使视图错乱，需换成v-show
Posted web半晨
tags:
篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了Vue-使用下标作为依据控制显示隐藏时，v-if会使视图错乱，需换成v-show相关的知识，希望对你有一定的参考价值。
使用下标作为依据控制显示隐藏时，v-if会使视图错乱，也就是v-if无法把index==2这类表达式转换成Boolean类型的值，所以需换成v-show。
示例1
<div v-if="index==1">内容1</div>
<div v-else-if="index==2">内容2</div>
<div v-else>内容3</div>
示例2
<div v-show="index==1">内容1</div>
<div v-show="index==2">内容2</div>
<div v-show="index==3">内容3</div>
以上是关于Vue-使用下标作为依据控制显示隐藏时，v-if会使视图错乱，需换成v-show的主要内容，如果未能解决你的问题，请参考以下文章