• 在vue中，通過v-model來判斷當前checkbox是否被選中， 它綁定一個數(shù)組，選中項的值會自動添加到數(shù)組中。
• 如果我們要求選項至少選擇一個值，我們來通過disabled來禁止用戶取消點擊選項

<template><div>請選擇你的愛好</div><input type="checkbox" v-for='v in arr' v-model="aihao" :value="v" :disabled="aihao.length==1&&aihao[0]==v">{{v}}<div>你已選中：{{aihao}}</div> </template> <script>export default {name: 'membersign',data(){return{//設置默認值游泳aihao:['游泳'],arr:['游泳','健身','旅游']}}} </script>

總結

以上是生活随笔為你收集整理的vue中使用checkbox的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。