elemenntUI el-drawer组件中使用时间选择器自动弹出选择器下拉框的问题

问题：点击打开抽屉组件时，时间选择器（或选择器类）下拉框会自动弹出，如图所示：

本人探索了两个方法，先只上最简单暴力的办法！
解决办法：
1.在选择器上加上disabled属性。

<el-drawer
   size="25%"
   class="car-drawer"
   :wrapperClosable="false"
   :visible="drawerVisible"
   :destroy-on-close="true"
   :append-to-body="true"
   :with-header="false"
   @open="handleOpenDrawer"
   @close="handleCloseDrawer"
 >
    <el-date-picker
       style="margin-right: 10px;"
       size="small"
       class="control-date-picker2"
       v-model="time"
       clearable
       :disabled="drawerShow"
       :editable="false"
       type="datetimerange"
       range-separator="至"
       start-placeholder="开始日期"
       end-placeholder="结束日期"
       value-format="yyyy-MM-dd HH:mm:ss"
       :default-time="['00:00:00', '23:59:59']"
    ></el-date-picker>
</el-drawer>

data() {
  return {
    drawerShow: true 
  };
},

2.利用open事件解除禁用功能。

handleOpenDrawer() {
  this.$nextTick(() => {
    this.drawerShow = false;
  });
}

3.关闭时使用close事件再重置禁用状态。

handleCloseDrawer() {
  this.drawerShow = true;
},