Vue.js 中v-for和v-if一起使用,来判断select中的option为选中项


<div class="container" id="app" v-cloak>
     <select name="" class="form-control" @change="one_info" style="width: 30%;float: left;margin-right: 20px;" id="one" v-model="message_data_one">
         <template v-for="i in message_one">
             <option  v-bind:value="i['name']" v-if="i['update']=='1'" style="color: red;">
              {{ i['name'] }}
             </option>
             <option  v-bind:value="i['name']" v-else>
              {{ i['name'] }}
             </option>
         </template>
     </select>
</div>


免责声明!

本站转载的文章为个人学习借鉴使用,本站对版权不负任何法律责任。如果侵犯了您的隐私权益,请联系本站邮箱yoyou2525@163.com删除。



 
粤ICP备18138465号  © 2018-2025 CODEPRJ.COM