<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时的数据的