el-checkbox点击lable不触发单选框（@click.prevent）

最新推荐文章于 2024-07-18 14:34:03 发布

ZhangChuChu_9248

最新推荐文章于 2024-07-18 14:34:03 发布

阅读量1.8k

点赞数

分类专栏： vue+elementUI 文章标签： vue.js elementui

本文链接：https://blog.csdn.net/qq_45991812/article/details/127302524

版权

vue+elementUI 专栏收录该内容

5 篇文章 0 订阅

订阅专栏

prevent是用来阻止默认的事件

eg：element-plus的Checkbox 多选框，默认点击文字部分可选中复选框

给span和a标签绑定@click.prevent事件后，则去掉默认规则，无法选中单选框

 <el-form label-width="458px" class="el-from-content">
     <div class="informedConsent">
          <el-checkbox v-model="informedConsentCheckbox" class="div_checkbox" >
              <span class="informedConsentSpan" @click.prevent="informedConsentCheckbox">我已阅读并同意</span>
              <a class="informedConsentA" target="_blank" @click.prevent="informedConsentCheckbox">用户须知</a>
              <span class="informedConsentSpan" @click.prevent="informedConsentCheckbox">和</span>
              <a class="informedConsentA" target="_blank" @click.prevent="informedConsentCheckbox">隐私政策</a>
          </el-checkbox>
     </div>
 </el-form>