vue v-for的循環複選框預設勾選首個

這次帶給大家vue v-for的迴圈複選框預設勾選首個，vue v-for迴圈複選框預設勾選首個的注意事項有哪些，下面就是實戰案例，一起來看一下。

應用程式場景：在進行多選的時候一般預設顯示第一個。

實作方法：純vue實作

#範例：##

<span v-for="(one,index) in site"><input type="checkbox" :checked="index == 0" style="vertical-align: middle;"><label>{{one.name}}</label></span>
//:checked="index == 0"为索引为0的，即为第一个复选框添加属性。

拓展：預設被選取的複選框，只需要index指定即可。

相信看了本文案例你已經掌握了方法，更多精彩請關注php中文網其它相關文章！

推薦閱讀：

web端的應用實作後退強制刷新

ionic2中怎麼使用自動產生器

以上是vue v-for的循環複選框預設勾選首個的詳細內容。更多資訊請關注PHP中文網其他相關文章！