ElementUI el-checkbox 点击Label不取消复选框的选中状态

彼岸舞

发布于 2021-06-21 11:34:45

4.7K00

代码可运行

文章被收录于专栏：java开发的那点事java开发的那点事

运行总次数：0

代码可运行

在点击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>