<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title></title>
<script src="js/vue.js"></script>
</head>
<body>
<div id = "app">
<form>
<label for="agree">
<input type="checkbox" id="agree" v-model="agree" />
同意</label>
<button :disabled="!agree">下一步</button>
<label for="id1">
<input type="checkbox" id="id1" value="看戏" v-model="h"/>看戏
</label>
<label for="id2">
<input type="checkbox" id="id2" value="看片" v-model="h"/>看片
</label>
<label for="id3">
<input type="checkbox" id="id3" value="看看" v-model="h"/>看看
</label>
<h1>{{h}}</h1>
</form>
</div>
<script>
const app = new Vue({
el:'#app',
data:{
agree:false ,
h:[]
}
})
</script>
</body>
</html>
vue v-model 与 checkbox
最新推荐文章于 2024-07-09 23:30:25 发布