checkbox复选框动态绑定数据:

<template>
	<view class="box">
			<checkbox-group @change="checkboxChange" class="agreement_radio">
				 <checkbox :value='checkVal' :checked="checked"/>
				<text class="text_left">已阅读并同意</text>
				<text class="text_right">《用户注册协议》《用户隐私协议》</text><br/>
				<text class="text_bottom">《用户认证协议》</text>
			</checkbox-group>
	</view>
</template>

<script>

	export default {
		data() {
			return {
				checkVal:'0',
				checked:false
			}
		},
		onLoad() {
				// console.log('页面首次加载')
		},
		methods: {
			checkboxChange(e){
				console.log(e.detail.value,'++++');
				if(e.detail.value=='0'){
				this.checked = true
				}else{
				this.checked = false
				}
			}
		}
	}
</script>

<style>
</style>



Logo

为开发者提供学习成长、分享交流、生态实践、资源工具等服务,帮助开发者快速成长。

更多推荐