ElementUI el-checkbox 點擊Label不取消復選框的選中狀態

在點擊label的時候不取消復選框的狀態

 

實現

將change事件改為click事件

<div class="grid-content bg-purple">
                          <div class="grid-content bg-purple">
                              <el-checkbox-group v-model="areasThreeCheck">
<#--                                  <el-checkbox :label="data.id" :key="data.id" :value="data.id" v-for="data in areasThree" @change="areasThreeChang(data.id)">{{data.name}}</el-checkbox>-->
                                  <el-checkbox :label="data.id" :key="data.id" :value="data.id" v-for="data in areasThree">
                                      <span @click.prevent="areasThreeChang(data.id)">{{data.name}}</span>
                                  </el-checkbox>
                              </el-checkbox-group>
                          </div>
                      </div>

自己使用Span渲染展示標簽然后通過事件的修飾符[prevent]阻止默認事件

作者：彼岸舞

時間：2021\06\16

內容關於：工作中用到的小技術

本文屬於作者原創,未經允許,禁止轉發