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

Posted 2020-11-26 乔小生1221

<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>