<checkbox-group @change="selfChangde" name="">
		<label>
			<checkbox :checked="selfChecked" color="#DC143C" style="transform:scale(0.8)" />
			<text>
				本人同意FFH的
				<text style="color: #007AFF;">使用修款规则安排</text>
				及
				<text style="color: #007AFF;">免责修款</text>
				内所有之馨明,本人明白個人资料用途益識别用户,登送推送通知及核封身份同意资料舍保存於國内的服務器中以加密虚理。
			</text>
		</label>
</checkbox-group>
data(){
    return{
        selfChecked: false,
    }
}


methods: {
		selfChangde(e) {
			this.selfChecked = !this.selfChecked;
		}
}

 checkbox 判断选中其实只需要 给 checkbox 的 checked 属性动态绑定一个状态,在change事件触发的时候给 data 中的 selfChecked 取反

朋友们一定要注意搭配checkbox-group来使用,不然你是无法获取change时的数据的

Logo

华为开发者空间,是为全球开发者打造的专属开发空间,汇聚了华为优质开发资源及工具,致力于让每一位开发者拥有一台云主机,基于华为根生态开发、创新。

更多推荐