這篇文章主要介紹v-model結(jié)合radio、checkbox、select怎么用，文中介紹的非常詳細(xì)，具有一定的參考價值，感興趣的小伙伴們一定要看完！

創(chuàng)新互聯(lián)公司專注于企業(yè)成都全網(wǎng)營銷推廣、網(wǎng)站重做改版、高明網(wǎng)站定制設(shè)計、自適應(yīng)品牌網(wǎng)站建設(shè)、H5建站、商城網(wǎng)站建設(shè)、集團(tuán)公司官網(wǎng)建設(shè)、成都外貿(mào)網(wǎng)站制作、高端網(wǎng)站制作、響應(yīng)式網(wǎng)頁設(shè)計等建站業(yè)務(wù)，價格優(yōu)惠性價比高，為高明等各大城市提供網(wǎng)站開發(fā)制作服務(wù)。

*v-model其實是一個語法糖，它的背后本質(zhì)上是包含兩個指令操作：

1.v-bind綁定一個value屬性
2.v-on指令給當(dāng)前元素綁定input事件*

v-model結(jié)合單選框使用

<label for="male">
<input type="radio" name="sex" id="male" value="男" v-model="sex" />男
</label>
<label for="female">
<input type="radio" name="sex" id="female" value="女" v-model="sex" />女
</label>
<h4>您的性別是{{sex}}</h4>

v-model結(jié)合checkbox的使用

單個checkbox
<input type="checkbox" name="" id="" value="" v-model="isAgree" />同意協(xié)議
<br />
<br />
<button :disabled="!isAgree">下一步</button>

多個checkbox
<input type="checkbox" name="" id="" value="籃球" v-model="hobbies"/> 籃球
<input type="checkbox" name="" id="" value="足球" v-model="hobbies"/>足球
<input type="checkbox" name="" id="" value="排球" v-model="hobbies"/>排球
<input type="checkbox" name="" id="" value="羽毛球" v-model="hobbies"/>地球
<input type="checkbox" name="" id="" value="棒球" v-model="hobbies"/>棒球
 <h4> 您的愛好是{{hobbies}}</h4>

v-model結(jié)合select的使用

<select name="car" v-model="cars">
    <option value="寶馬">五菱宏光</option>
    <option value="奔馳">蘭博基尼</option>
    <option value="保時捷">瑪莎拉蒂</option>
    <option value="寶馬">勞斯萊斯</option>
    <option value="寶馬">凱迪拉克</option>
</select>

<select name="nvyou" v-model="nvyous" multiple>
    <option value ="小澤瑪利亞">小澤瑪</option>
    <option value ="蒼井空">三上悠</option>
    <option value="吉澤明步">吉澤明</option>
    <option value="松島楓">瀧澤蘿</option>
    <option value="早乙女露依">早乙女</option>
</select>

以上是“v-model結(jié)合radio、checkbox、select怎么用”這篇文章的所有內(nèi)容，感謝各位的閱讀！希望分享的內(nèi)容對大家有幫助，更多相關(guān)知識，歡迎關(guān)注創(chuàng)新互聯(lián)行業(yè)資訊頻道！

網(wǎng)站標(biāo)題：v-model結(jié)合radio、checkbox、select怎么用
URL標(biāo)題：http://aaarwkj.com/article46/gjijhg.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供全網(wǎng)營銷推廣、靜態(tài)網(wǎng)站、Google、品牌網(wǎng)站制作、商城網(wǎng)站、域名注冊

廣告

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請盡快告知，我們將會在第一時間刪除。文章觀點不代表本網(wǎng)站立場，如需處理請聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時需注明來源： 創(chuàng)新互聯(lián)