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>
(完)
浅拷贝深拷贝
前端基本技能,面试必备
FFmpeg Batch AV Converter
推荐一款好用的格式转换工具
双指针:合并两个有序数组 (88)
给定两个有序整数数组 nums1 和 nums2,将 nums2 合并到 nums1 中,使得 num1 成为一个有序数组。
小程序获取街道等其他地址信息
运用腾讯位置服务sdk处理更多地图信息
安克创新涨停复盘
纪念第一个20cm
Vue 插槽
感觉不方便ヽ(ー_ー)ノ
等待你的评论