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>
(完)
闲谈时间价值
无聊随便谈谈
VSCode代码自动补全(html标签、style样式、css属性及值)
使用VSCode碰到.vue文件无法自动提示或补全style
设置swap,优化vps内存不足
阿里云,vultr等vps内存不足解决方案
python Flask request 获取多文件
使用request.files.getlist('')
小程序跳公众号文章关注公众号
web-view组件
谈谈债券,可转债,国债
债券到底是什么?可转债和债券的关系?可转债啥时卖?国债利率上升对股市,经济产生的影响?
等待你的评论