vue中select2初始化问题

Question

<div class="div1" v-if="show == 1"></div>
<div class="div2" v-else>
    <select name="Types[]" multiple="multiple" class="select2" >*****</select>
</div>

代码如上，当我show != 1 时，div2直接显示，select是被select2渲染后的效果。如果 == 1时，div2一开始是隐藏的，后来再显示时，select没有被select2渲染。请问下，这情况在vue里如何处理比较优雅

Answer 1

尝试使用v-show试试，若能的话你就应该知道为什么了：

<div class="div1" v-show="show == 1"></div>
<div class="div2" v-show="show != 1">
    <select name="Types[]" multiple="multiple" class="select2" >*****</select>
</div>