首先分析问题，目标在于将input radio单选框的选中状态在单击后取消。1. 需要避免对每一个radio元素进行js控制，以提高执行效率。2. 给radio添加click事件并判断其checked属性，尝试取消选中，但因Vue的数据双向绑定，此方法失败。3. 直接在click事件中尝试改变checked状态，失败原因在于每次click都会将checked...
1、问题就是将input radio单选框改造成单击可以取消其选中状态 2、单纯的对input radio进行js控制行不通,因为radio是通过v-repeat出来的,有很多个,如果每一个都去获取元素的话,执行效率太低,failed 3、给radio添加click事件,判断checked属性,如果为true则取消checked,但由于radio每次click都会将自己的checked置为true(...
couponList = []; this.activityInfo = {}; } }, } }, methods: { // 点击单选框操作 changeRadio(val, number) { // 如果未选中则单选框高亮,否则单选框取消选中(vue对对象中的属性动态赋值) this.activityInfo['radio' + number] = this.activityInfo['radio' + number] == val ? '' : val;...
1、问题就是将input radio单选框改造成单击可以取消其选中状态 2、单纯的对input radio进行js控制行不通,因为radio是通过v-repeat出来的,有很多个,如果每一个都去获取元素的话,执行效率太低,failed 3、给radio添加click事件,判断checked属性,如果为true则取消checked,但由于radio每次click都会将自己的checked置为true...