给select添加click事件之后只能点击一次不能点击两次

给el-select添加@click.native事件之后只能点击一次,第二次点击无法打开下拉框

       select
          v-model="dataForm.processDefinitionId"
          placeholder="请选择"
          @change="handselect"
          ref="select"
          @click.native="deptogglePanel($event)"
          multiple
          collapse-tags
          size="medium"
        >
          for="(item, index) in processDefinition"
            :key="index"
            :label="item.name"
            :value="item.id"
          >
          </el-option>
        el-select>
第二次点击之后没有反应,没有下拉框

img

我在el-select中添加了@click.native="deptogglePanel($event)"方法,为了写一个阻止冒泡的事件,来隐藏原本的下拉框,换成我自己写的一个下拉框形式,可是第一次点击很正常,第二次点击就打不开了,能怎么解决呢

有执行方法吗

最好提供下完整点的demo代码,展示的代码中没有你自己写的下拉框以及deptogglePanel这个事件里面的具体内容

为什么要自己写阻止冒泡啊 vue有修饰符.stop