vue_单选框
预览:
源码:
<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="../js/vue.js"></script>
<script>
const app = new Vue({
el: '#app',
data: {
message: '你好啊',
isAgree:false, // 单选框
hobbies:[] // 多选框
}
})
</script>
把最实用的经验,分享给最需要的读者,希望每一位来访的朋友都能有所收获!