想要在changge事件触发前,来触发一个事件,可以直接在 Select 选择器上面添加点击事件,但是这样点击事件是不会生效的,需要在点击事件后面加上native

   <el-select
            v-model="list.userJumpId"
            clearable
            placeholder="请选择二跳页名称/ID"
            style="width: 250px"
            :disabled="userJumpNameDisabled"
            @click.native="clickUserJumpIdState"
            @change="userJumpChange"
          >
            <template v-if="cateIds">
              <el-option
                v-for="item in userJumpIdList"
                :key="item.id"
                :label="`二跳页名称:${item.name} / 二跳页ID: ${item.id}`"
                :value="item.id"
              ></el-option>
            </template>
          </el-select>

加上.native后,只要点击到了select ,就会触发该事件,并且可以配合 watch,以及 disabled 事件来禁止select ,该点击事件会比change事件触发时间更早。

Logo

为开发者提供学习成长、分享交流、生态实践、资源工具等服务,帮助开发者快速成长。

更多推荐