1. 程式人生 > >vue 中,v-for和v-if同時使用

vue 中,v-for和v-if同時使用

有時候用select的時候option通過value的值來設定預設值,用法如下:

<select class="ht-table-showRows" v-if = "showrows">
    <template v-for = "value in showrows.nums">
        <option v-if = "value == 1" value="value" selected>{{value}}</option>
        <option v-else value="value">{{value}}</option
> </template> </select>

這種是在v-for裡巢狀v-if,也可以在v-if裡巢狀v-for,只需要把v-if寫在template上即可。