基于vue v-for 循環(huán)復(fù)選框-默認(rèn)勾選第一個(gè)的實(shí)現(xiàn)方法
來源：懂視網(wǎng)
責(zé)編：小采
時(shí)間：2020-11-27 22:18:07
基于vue v-for 循環(huán)復(fù)選框-默認(rèn)勾選第一個(gè)的實(shí)現(xiàn)方法
基于vue v-for 循環(huán)復(fù)選框-默認(rèn)勾選第一個(gè)的實(shí)現(xiàn)方法:應(yīng)用場景：在進(jìn)行多選的時(shí)候一般默認(rèn)顯示第一個(gè)。 實(shí)現(xiàn)方法：純vue實(shí)現(xiàn) 例子： <span v-for=(one,index) in site><input type=checkbox :checked=index == 0 style=vertical-align: middle;>
導(dǎo)讀基于vue v-for 循環(huán)復(fù)選框-默認(rèn)勾選第一個(gè)的實(shí)現(xiàn)方法:應(yīng)用場景：在進(jìn)行多選的時(shí)候一般默認(rèn)顯示第一個(gè)。 實(shí)現(xiàn)方法：純vue實(shí)現(xiàn) 例子： <span v-for=(one,index) in site><input type=checkbox :checked=index == 0 style=vertical-align: middle;>
應(yīng)用場景：在進(jìn)行多選的時(shí)候一般默認(rèn)顯示第一個(gè)。
實(shí)現(xiàn)方法：純vue實(shí)現(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的，即為第一個(gè)復(fù)選框添加屬性。
拓展：默認(rèn)被選中的復(fù)選框，只需要index指定即可。
以上這篇基于vue v-for 循環(huán)復(fù)選框-默認(rèn)勾選第一個(gè)的實(shí)現(xiàn)方法就是小編分享給大家的全部內(nèi)容了，希望能給大家一個(gè)參考，也希望大家多多支持腳本之家。
聲明：本網(wǎng)頁內(nèi)容旨在傳播知識，若有侵權(quán)等問題請及時(shí)與本網(wǎng)聯(lián)系，我們將在第一時(shí)間刪除處理。TEL:177 7030 7066 E-MAIL:11247931@qq.com
基于vue v-for 循環(huán)復(fù)選框-默認(rèn)勾選第一個(gè)的實(shí)現(xiàn)方法
基于vue v-for 循環(huán)復(fù)選框-默認(rèn)勾選第一個(gè)的實(shí)現(xiàn)方法:應(yīng)用場景：在進(jìn)行多選的時(shí)候一般默認(rèn)顯示第一個(gè)。 實(shí)現(xiàn)方法：純vue實(shí)現(xiàn) 例子： <span v-for=(one,index) in site><input type=checkbox :checked=index == 0 style=vertical-align: middle;>
