基于vue v-for 循環復選框-默認勾選第一個的實現方法

來源：懂視網責編：小采時間：2020-11-27 22:18:07

基于vue v-for 循環復選框-默認勾選第一個的實現方法

基于vue v-for 循環復選框-默認勾選第一個的實現方法:應用場景：在進行多選的時候一般默認顯示第一個。實現方法：純vue實現例子： <span v-for=(one,index) in site><input type=checkbox :checked=index == 0 style=vertical-align: middle;>

推薦度：

點擊下載本文 文檔為doc格式

導讀基于vue v-for 循環復選框-默認勾選第一個的實現方法:應用場景：在進行多選的時候一般默認顯示第一個。實現方法：純vue實現例子： <span v-for=(one,index) in site><input type=checkbox :checked=index == 0 style=vertical-align: middle;>

應用場景：在進行多選的時候一般默認顯示第一個。

實現方法：純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 v-for 循環復選框-默認勾選第一個的實現方法就是小編分享給大家的全部內容了，希望能給大家一個參考，也希望大家多多支持腳本之家。

聲明：本網頁內容旨在傳播知識，若有侵權等問題請及時與本網聯系，我們將在第一時間刪除處理。TEL:177 7030 7066 E-MAIL:11247931@qq.com

基于vue v-for 循環復選框-默認勾選第一個的實現方法

推薦度：

點擊下載本文 文檔為doc格式

標簽： VUE 第一個實現

熱門焦點

基于vue v-for 循環復選框-默認勾選第一個的實現方法

基于vue v-for 循環復選框-默認勾選第一個的實現方法

基于vue v-for 循環復選框-默認勾選第一個的實現方法

最新推薦

猜你喜歡

熱門推薦