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>
(完)
Scientific Internet Surfing
程序员必备
一本书读懂财报--现金流量表
摘录
记录下后端代码pymongo连不上数据库问题
docker mongo的配置文件修改
不能说的秘密
不要乱看,看了就出事
爬坑小程序
button样式,图片排列有空隙,时间转时间戳,隐藏滚动条
简单的讲讲vue Mixin应用
仅做记录参考
等待你的评论