原理

<template><div id="app"><input type="checkbox" v-model="v2" value="a"><input type="checkbox" v-model="v2" value="b"><input type="checkbox" v-model="v2" value="c">{{v2}}<input type="radio" name="love" v-model="v3" value="aa"><input type="radio" name="love" v-model="v3" value="bb">{{v3}}</div> </template> <script> export default {data () {return {v2: ['a', 'b'],v3: 'aa'}} } </script>

在checkbox中，當value值在v2數組中能查詢到，改checkbox就是選中狀態，當對checkbox進行操作時，v2數組也同樣變化
在radio中，由于只能有一項選中，所以v3是一個字符串，value值和其相等的就會被選中

總結

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

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