v-show在select中选择bug

 <select class="null" name="isSgInstall" v-model="isSgInstall" id="isSgInstall">
                                <option value="0">--请选择--</option>
                                <option value="2"></option>
                                <option value="1"></option>
                                <option value="3">不确认</option>
 </select>

<select class="null" name="isSgInstall" v-model="isSgInstall" id="isSgInstall">
                                <option value="0">--请选择--</option>
                                <option value="2"></option>
                                <option value="1"></option>
                             <-   <option value="3">不确认</option>--!>
 </select>

当两个select都绑定了同一个变量时候,如果父页面的使用v-show就会出现页面,就会出现在第一个select中第二个被注释的选项无法被选中的情况。

解决方法:

  将两个select的父标签的v-show改成v-if就可以重新渲染

不停学习,热爱是源源不断的动力。
原文地址:https://www.cnblogs.com/ximenchuifa/p/14638391.html