-
Notifications
You must be signed in to change notification settings - Fork 47
Open
@shanhan01
Description
问题描述
treeDrop在elementplus^1.2.0-beta.5中的dialog或者drawer组件中,treedrop的下拉选择框在点击空白地方时关闭不了?如何解决?
想咨询的问题
组件版本
Vue3 中的 elementplus^1.2.0-beta.5 , "@wsfe/vue-tree": "^4.0.1"
<el-drawer v-model="showDetailDrawer" :with-header="false" direction="rtl" size="60%" :close-on-click-modal="true" :close-on-press-escape="false" @close="showDetailDrawer = false">
<el-form-item label="校区校长" prop="principalIds">
<div style="width: 200px">
<VTreeDrop
:key="keyConst"
ref="createBysRef"
v-model="profileForm.principalIds"
:data="treeData"
checkable
clearable
key-field="tempId"
title-field="name"
drop-placeholder="请选择"
:show-footer="false"
:placement="'top-start'"
:transfer="true"
@checked-change="e => handleCheckedChange(e, 'principalIds')"
>
<template #display="">
<div class="showName-i">
<el-tooltip v-if="principalIds.valueName" :content="principalIds.valueName" placement="top" effect="dark">
<div class="showName-i">{{ principalIds.valueName || '请选择校区校长' }}</div>
</el-tooltip>
<div v-else class="showName-i">{{ principalIds.valueName || '请选择校区校长' }}</div>
</div>
</template>
</VTreeDrop>
</div>
</el-form-item>
</el-drawer>
Metadata
Metadata
Assignees
Labels
No labels