怎么在vue中設置單選框的默認選中值

怎么在vue中設置單選框的默認選中值？相信很多沒有經驗的人對此束手無策，為此本文總結了問題出現(xiàn)的原因和解決方法，通過這篇文章希望你能解決這個問題。

網站建設哪家好，找創(chuàng)新互聯(lián)公司！專注于網頁設計、網站建設、微信開發(fā)、微信平臺小程序開發(fā)、集團企業(yè)網站建設等服務項目。為回饋新老客戶創(chuàng)新互聯(lián)還提供了海南免費建站歡迎大家使用！

html部分是通過v-for取的后臺的數(shù)據(jù)

 <li v-for="(value,i) in addList" :key="value.id">          
   <input class="radio" type="radio" name="radios" :value="i" v-model="radio" />                   
</li>

生成后的代碼就是

 <li>        
   <input class="radio" type="radio" name="radios" value="0" v-model="radio" />  
   <input class="radio" type="radio" name="radios" value="1" v-model="radio" />  
   <input class="radio" type="radio" name="radios" value="2" v-model="radio" />                 
</li>

js部分（只需要將v-model的data值設置為想要默認選中的value值即可）

//在data中設置默認選中第一個
radio:'0',

看完上述內容，你們掌握怎么在vue中設置單選框的默認選中值的方法了嗎？如果還想學到更多技能或想了解更多相關內容，歡迎關注創(chuàng)新互聯(lián)行業(yè)資訊頻道，感謝各位的閱讀！

新聞名稱：怎么在vue中設置單選框的默認選中值
轉載注明：http://muchs.cn/article22/ighicc.html

成都網站建設公司_創(chuàng)新互聯(lián)，為您提供營銷型網站建設、網站內鏈、全網營銷推廣、面包屑導航、網站改版、網站建設

廣告

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