vant_radio组件实现勾选+取消勾选

乖女子@@@

已于 2023-10-27 16:56:03 修改

阅读量4.1k

点赞数 1

分类专栏： # vant 文章标签：前端

于 2022-11-17 14:00:49 首次发布

本文链接：https://blog.csdn.net/qq_43260366/article/details/127902712

版权

需求

需求：在注册之前需要用户阅读会员协议以及隐私协议并同意协议内容
在这里插入图片描述

实现：van-radio

在这里插入图片描述
如上图 van-radio单选框点击不能取消勾选，只能切换选择值！

但是需求期望—> 点击切换勾选值

需求

<template>
  <div>
    <!-- 组件：根据需求使用 vant 的 radio 做了一个单选按钮 -->
    <!-- vant的radio组件默认逻辑：当点击radio的icon或文本时会自动选中并将group双向绑定的值改为当前radio的name属性值(因此多次点击无作用-不会取消选中)-->
    <!-- 问题：点击无法取消勾选 -->
    <<