透過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指定即可。

上面是我整理給大家的，希望今後對大家有幫助。

相關文章：

vue-cli開發環境實作跨域請求的方法

Angular5給元件本身的標籤新增樣式class的方法

Vue實作內部元件輪播切換效果的範例程式碼

以上是透過vue在v-for循環複選框中預設勾選第一個如何實現？的詳細內容。更多資訊請關注PHP中文網其他相關文章！