elementPlus date-picker踩坑

如图

Snipaste_20220804_100019.jpg

问题

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

解决

Snipaste_20220804_100441.jpg

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

          
  • 1
  • 2
  • 3
  • 4
  • 5
  • 6
  • 7
  • 8
  • 9
  • 10
  • 11
  • 12
  • 13
  • 14
  • 15
  • 16
  • 17
<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> <el-button @click="dialogVisible = false">取消</el-button> <el-button type="primary" @click="dialogVisible = false">确定</el-button> </span> </template> </el-dialog>
(完)
谈谈原型与原型链
又来复习一遍
人性的弱点
戴尔·卡耐基
你曾是少年
高中那些事
高考
以梦为马,不负韶华
杂谈
想做款副业
扭亏为盈
白嫖之路开始了吗?
等待你的评论