1.单选框
<body>
<div id="app">
<label for="agree">
<input type="checkbox" id="agree" v-model="isAgree">同意协议
</label>
<h2>您选择的是:{
{isAgree}}</h2>
<button :disabled="!isAgree">下一步</button>
</div>
<script src="../vue.js"></script>
<script>
const app = new Vue({
el: "#app",
data: {
message: "你好啊",
isAgree:false
}
})
</script>
</body>
当同意协议后