准备
引入vus.js文件
<script src="vue.js"></script>
|
checkbox单选框
html
<div id="app"> <label for="agree"> <input type="checkbox" id='agree' v-model='isAgree'> 同意协议</label> <h2>您选择的是:{{isAgree}}</h2> <button :disabled='!isAgree'>下一步</button> </div>
|
javascript
const app =new Vue({ el:"#app", data:{ isAgree:false } })
|
输出结果
checkbox多选框
html
<div id="app"> <input type="checkbox" value="篮球" v-model='hobbies'>篮球 <input type="checkbox" value="羽毛球" v-model='hobbies'>羽毛球 <input type="checkbox" value="乒乓球" v-model='hobbies'>乒乓球 <h2>您选择的是:{{hobbies}}</h2> </div>
|
javascript
const app = new Vue({ el: "#app", data: { hobbies: [] } })
|
输出结果
若你觉得我的文章对你有帮助,欢迎点击上方按钮对我打赏