el-drawer将 :close-on-click-modal=“true“设置为true后，点击空白处关闭后点击开启失效解决

    <el-drawer

      v-model="dialogVisibleShare"

      :direction="direction"

      :close-on-click-modal="true"

      :with-header="false"

      size="60%"

      class="AdaptationD"

      :append-to-body="true"

      :lock-scroll="true"

      :show-close="false"

    >
   </el-drawer>

elementUI抽屉开启点击

在使用 el-drawer 并开启了 :close-on-click-modal="true" 后，如果再次打开时无效，可能是因为组件未正确重置状态。可以尝试以下方法解决：

const handleClose = () =>{
  emit('handleSubmitClose')//向父组件传递关闭状态
  dialogVisibleShare.value = false // 点击关闭后将状态转为false
}


//然后在 el-drawer 中绑定 @close 事件：


<el-drawer
  @close="handleClose" //绑定close事件
  v-model="dialogVisibleShare"
  ...>