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