本篇內(nèi)容介紹了“vue單選選不上如何解決”的有關知識，在實際案例的操作過程中，不少人都會遇到這樣的困境，接下來就讓小編帶領大家學習一下如何處理這些情況吧！希望大家仔細閱讀，能夠學有所成！

創(chuàng)新互聯(lián)公司是創(chuàng)新、創(chuàng)意、研發(fā)型一體的綜合型網(wǎng)站建設公司，自成立以來公司不斷探索創(chuàng)新，始終堅持為客戶提供滿意周到的服務，在本地打下了良好的口碑，在過去的十載時間我們累計服務了上千家以及全國政企客戶，如格柵板等企業(yè)單位，完善的項目管理流程，嚴格把控項目進度與質量監(jiān)控加上過硬的技術實力獲得客戶的一致稱揚。

vue單選選不上的解決辦法：1、使用Radio組件，設置“v-model”綁定變量；2、通過“<el-radio v-model="radio" label="1">...</el-radio>”方式使Radio單選框被選中即可。

vue 中 Radio 單選框 無法選中和被選中 問題

<el-radio v-model="radio" label="1">備選項</el-radio>

<el-radio v-model="radio" label="2">備選項</el-radio>

data () {

return {

radio: '1'

};

}

要使用 Radio 組件，只需要設置v-model綁定變量，

v-model=" radio " 相當于   :value="radio"  @change=" val => radio=val "

label  是單選框的值, label可以是String、Number或Boolean。

change

綁定值變化時觸發(fā)的事件

選中的 Radio label 值

當 label 的值等于 value 的值時,就會被 選中 ,

如果不想被選中, 可以給value 一個固定的不等于label 的 值。

Vue的優(yōu)點

Vue具體輕量級框架、簡單易學、雙向數(shù)據(jù)綁定、組件化、數(shù)據(jù)和結構的分離、虛擬DOM、運行速度快等優(yōu)勢，Vue中頁面使用的是局部刷新，不用每次跳轉頁面都要請求所有數(shù)據(jù)和dom，可以大大提升訪問速度和用戶體驗。

“vue單選選不上如何解決”的內(nèi)容就介紹到這里了，感謝大家的閱讀。如果想了解更多行業(yè)相關的知識可以關注創(chuàng)新互聯(lián)網(wǎng)站，小編將為大家輸出更多高質量的實用文章！

網(wǎng)頁標題：vue單選選不上如何解決
URL地址：http://jinyejixie.com/article44/ghphhe.html

成都網(wǎng)站建設公司_創(chuàng)新互聯(lián)，為您提供自適應網(wǎng)站、面包屑導航、網(wǎng)頁設計公司、微信公眾號、響應式網(wǎng)站、用戶體驗

廣告

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