码迷,mamicode.com
首页 > Web开发 > 详细

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

时间:2020-03-13 20:39:49      阅读:438      评论:0      收藏:0      [点我收藏+]

标签:one   v-model   使用   sele   选中   oat   一起   sel   change   

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

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

标签:one   v-model   使用   sele   选中   oat   一起   sel   change   

原文地址:https://www.cnblogs.com/qxh-beijing2016/p/12488486.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!