方法一:通过数据绑定方式,获取表单数据
给checkbox-group绑定change事件,将获取到的值赋值给 this.hobby = event.detail.value
<!-- 通过数据绑定方式,获取表单值 -->
<view>
<checkbox-group @change="handleChange">
<label>
<checkbox value="basketball" /><text>篮球</text>
</label>
<label>
<checkbox value="football" /><text>足球</text>
</label>
</checkbox-group>
<button form-type="submit" @tap="handlerSubmit">提交</button>
</view>
<script>
export default {
data() {
return {
hobby:[]
};
},
methods:{
handleChange(event){
this.hobby = event.detail.value
},
handlerSubmit(){
console.log(this.hobby);
}
}
}
</script>
方法二:通过form表单的方式
给form添加submit事件,获取表单的值
button按钮通过 form-type=“sunmit” 触发submit事件
<view>
<form @submit="handlerCheck">
<input type="text" name='username'/>
<checkbox-group name="hobby">
<label>
<checkbox value="basketball" /><text>篮球</text>
</label>
<label>
<checkbox value="football" /><text>足球</text>
</label>
</checkbox-group>
<button form-type="submit">提交</button>
</form>
</view>
<script>
export default {
methods:{
handlerCheck(event){
console.log(event.detail.value);
}
}
}
</script>