一.单个复选框checkbox
单个复选框对应v-model绑定的数据类型为bool值类型,即选中后v-model绑定的值被修改成true,否则为false,因为只有两种状态,选中和不选中,废话不多说,直接上代码:
<!DOCTYPE html>
<html lang="zh">
<head>
<meta charset="UTF-8">
<meta name="viewpot" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>v-model介绍</title>
<script src='https://cdn.jsdelivr.net/npm/vue@2.5.16/dist/vue.js'></script>
<style>
* {
margin: 0;
padding: 0;
}
[cloak] {
display: none;
}
</style>
</head>
<body>
<div id="shop" v-cloak>
<label for="checkbox">单个复选框</label>
<input type="checkbox" id="checkbox" v-model="checked">
<p>单个复选框:{
{checked}}</p>
</div>
<script>
var vm =