关于elementPlus date-picker无法在dialog中正常显示

如图

Snipaste_20220804_100019.jpg

问题

当我们使用elementPlus dialog组件嵌套date-picker组件时点击选择时间无法出现选择框

解决

Snipaste_20220804_100441.jpg

我们需要将el-date-picker组件这个属性teleported设置为false

		<el-dialog
			v-model="dialogVisible"
			title="添加待办事项"
			width="30%"
			:append-to-body="true"
			:lock-scroll="false"
			:before-close="handleClose"
		>
			<el-input v-model="textarea" :rows="2" type="textarea" autosize placeholder="Please input" />
			<el-date-picker :teleported="false" v-model="stopDate" type="datetime" placeholder="选择预定截止日期" />
			<template #footer>
				<span class="dialog-footer">
					<el-button @click="dialogVisible = false">取消</el-button>
					<el-button type="primary" @click="dialogVisible = false">确定</el-button>
				</span>
			</template>
		</el-dialog>
posted @ 2022-08-05 17:27  豆腐炒年糕  阅读(1116)  评论(0)    收藏  举报