小程序的radio单选框默认无法多次选中,如何实现选中状态? uni

186 阅读1分钟

首先在store 中定义方法为:

// 修改购物车商品
     updateCart(state,goods){
       // goods中字段可能不完整,goods里 有的字段  该字段就进行修改 
       // goods 中必须有id   才能找到对应的商品信息
       // 1 根据id查找要修改的商品信息
        const updateGoods= state.carts.find(item=>item.id===goods.id)
        
        for(let key in goods){
           if(goods[key]!==null&&goods[key]!==undefined&&goods[key]!==""){
              //返回的信息 
             updateGoods[key]=goods[key]
           }
        }
     }

然后单选框添加click事件,绑定修改后的值,checked 绑定为当前修改后的值,如果是修改的数据绑定for循环的checked值,如果是双向绑定的值可以绑定为data中的值

然后触发事件:

 // 单选
      checkone(item){
         // 传递的id 要修改的id    传递的值,取反 然后调用这个方法就会执行修改
         this.updateCart({id:item.id,checked:!item.checked})
      },

通过以上方法就可以实现单选框的多次点击复选操作,思路是取反,不过这个方法是要通过id来取反。