基于vue v-for 循環(huán)復選框-默認勾選第一個的實現(xiàn)方法
更新時間：2018年03月03日 11:32:33 作者：wax9092
下面小編就為大家分享一篇基于vue v-for 循環(huán)復選框-默認勾選第一個的實現(xiàn)方法，具有很好的參考價值，希望對大家有所幫助。一起跟隨小編過來看看吧
應用場景：在進行多選的時候一般默認顯示第一個。
實現(xiàn)方法：純vue實現(xiàn)
例子：
<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 v-for 循環(huán)復選框-默認勾選第一個的實現(xiàn)方法就是小編分享給大家的全部內(nèi)容了，希望能給大家一個參考，也希望大家多多支持腳本之家。
相關(guān)文章
本文主要介紹了vue實現(xiàn)在線預覽office文件，文中通過示例代碼介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們可以參考一下2021-10-10
vue使用高德地圖實現(xiàn)添加點標記和獲取點擊位置信息的示例代碼
這篇文章主要介紹了vue使用高德地圖實現(xiàn)添加點標記和獲取點擊位置信息的示例代碼,文中補充介紹了高德vue-amap使用（一）標記點位獲取地址及經(jīng)緯度,本文結(jié)合示例代碼給大家介紹的非常詳細,需要的朋友參考下吧2024-01-01
使用vue-router與v-if實現(xiàn)tab切換遇到的問題及解決方法
這篇文章主要介紹了vue-router與v-if實現(xiàn)tab切換的思考,需要的朋友可以參考下2018-09-09
這篇文章主要給大家介紹了關(guān)于vue打包后dist文件在本地啟動運行的簡單步驟,文中通過代碼示例以及圖文介紹的非常詳細,對大家學習或者使用vue具有一定的參考價值,需要的朋友可以參考下2023-09-09
這篇文章主要介紹了vue腳手架及vue-router基本使用，非常不錯，具有參考借鑒價值,需要的朋友可以參考下2018-04-04
vue3?+?Ant?Design?實現(xiàn)雙表頭表格的效果(橫向表頭+縱向表頭)
這篇文章主要介紹了vue3?+?Ant?Design?實現(xiàn)雙表頭表格（橫向表頭+縱向表頭）,需要的朋友可以參考下2023-12-12
這篇文章主要介紹了vue中van-picker的選項插槽的使用，具有很好的參考價值，希望對大家有所幫助。如有錯誤或未考慮完全的地方，望不吝賜教2023-01-01
這篇文章主要介紹了Vue面試題及Vue知識點整理，本文給大家介紹的非常詳細，具有一定的參考借鑒價值，需要的朋友參考下吧2018-10-10
這篇文章主要介紹了vue?ant?design?封裝彈窗表單的使用，具有很好的參考價值，希望對大家有所幫助。如有錯誤或未考慮完全的地方，望不吝賜教2022-06-06
這篇文章主要介紹了WebSocket使用以及在vue如何使用問題，具有很好的參考價值，希望對大家有所幫助。如有錯誤或未考慮完全的地方，望不吝賜教2023-05-05