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就可以重新渲染

posted @ 2021-04-09 18:33  小不点灬  阅读(227)  评论(0编辑  收藏  举报