vue3.0 antdesign时间框和下拉框跟随页面滚动问题

于 2022-01-06 10:38:53 发布
阅读量662 收藏
点赞数 1
文章标签： 前端 vue
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.youkuaiyun.com/T_221/article/details/122338521
版权
本文探讨了在Vue3.0框架下，如何解决AntDesign的时间选择框（TimePicker）和下拉菜单（Dropdown）在页面滚动时不再跟随其触发元素的问题。通过设置`getCalendarContainer`和`getPopupContainer`属性，将弹出层的容器定位到触发元素的父节点，实现了组件的正确滚动跟随效果。

摘要生成于 C知道 ，由 DeepSeek-R1 满血版支持， 前往体验 >

解决vue3.0 antdesign时间框和下拉框跟随页面滚动问题
时间框：
:getCalendarContainer=“triggerNode=> triggerNode.parentNode”
下拉框
:getPopupContainer=“triggerNode=> triggerNode.parentNode”

博客
vue3.0，360、百度浏览器，点击回退会回退到首页
04-08 2064
vue3.0，百度和360浏览器，点击回退按钮会回退多级或者回退到首页的1：vue3.0，在使用element或者Ant的mun菜单的时候，在某些浏览器上不会产生历史记录，导致点击回退会直接回退到浏览器首页。2：使用router-link的时候也会有回退问题解决办法：1：用a标签包住mun菜单的item和router-link2：或者把meun菜单的调跳转和router-link的跳转变成使用a标签的href跳转...
博客
元素隐式具有 “any“ 类型，因为类型为 “string“ 的表达式不能用于索引类型 “Ref＜{ a: number； b: number； }＞“。 在类型 “Ref＜{ a: number
07-02 1231
问题的报错信息是"元素隐式具有 ‘any’ 类型，因为类型为 ’ string’的表达式不能用于索引类型 ‘{}’"，这是因为在使用对象的索引时，Typescript无法确定对象的类型。
博客
vite使用ali-oss插件打包报错require找不到
05-16 393
vite打包报错require找不到
博客
vite打包取消ts的语法检查
10-16 4354
在重新打包就会跳过vue-tsc的语法检查。把这个build的内容改成这个。
博客
JS获取网络摄像头的分辨率
08-12 559
js获取网络摄像头的真实分辨率
博客
echarts地图禁止点击事件以及鼠标默认事件
10-19 6103
在series里边把silent改为true,默认是false触发点击事件和默认事件。
博客
Vue如何全局配置less
10-18 900
Vue项目怎么全局的配置less第二步：在vue.config.js里边加上这行代码
博客
js获取全国各省地区的经纬度
10-14 421
链接：https://pan.baidu.com/s/1ItiBKUeXcJJLLN_Gqt8c2Q?
博客
本地存储localStorage
08-01 329
今天给大家分享一下h5新增的locaStorage先来了解几个方法1：localStorage.setItem() 存储信息2：localStorage.getItem() 获取存储的信息3：localStorage.removeItem() 删除本地存储的一个值4：localStorage.clear() 清空本地存储给大家介绍一下本地存储locaStorage 是html5新增的，并且ie7一下不支持，主要目的就是为了减少js对服务器的请求，直接把信息存储到本地减少了很多的js操作。比如用
博客
深入了解，vue和vue组件的区别
06-15 781
1.vue实例有el指定挂载元素，组件没有，因为组件也是通过调用在渲染页面，直接通过调用组件名渲染；2.vue实例中data属性：data:{name:“aa”,age:18},组件中的data属性：data(){ return{name:“aa”,age:18} },3.vue实例的html元素是直接渲染到页面中，而组件的html元素是定义在template上，通过调用再渲染到页面...
博客
解决使用es6异步函数的错误
05-19 612
解决使用es6异步函数的报错前段时间在写react项目时，使用了es6的async异步函数，结果报了一大堆错误，控制台也提示，缺少相应的模块，今天来给大家分享一下，如何解决这个错误。如果不安装相应得插件，就使用es6的异步函数的话，就出出现以下提示大家需要下载两个插件，才能正常使用es6的异步函数，c/npm i @babel/plugin-transform-runtime -Sc/npm i @babel/runtime -S下载了这两个插件以后，你可以使用es6的异步函数，但是浏览器依然
博客
取消html里字体自带的行间距
04-12 2829
取消html里字体自带的行间距取消前这是行间距取消前，可以看到每一行之间都有一个小缝隙。大家可以使用line-height来取消字体自带的行间距取消后大家可以看到，每一行之间的小缝隙已经没有了。最后大家可以会疑惑，我明明没有设置行间距为什么会有行间距呢？行间距是html自带的。...
博客
javascript全局变量和变量污染
04-12 1410
javascript全局变量和变量污染全局变量&&变量污染定义全局变量有 3 种方式：1：在任何函数体外直接使用 var 语句声明。var a = 10;2 ：直接添加属性到全局对象上。在 Web 浏览器中，全局作用域对象为 windowwindow.a = 10;3：直接使用未经声明的变量，以这种方式定义的全局变量被称为隐式的全局变量。a = 10;全局变量在全...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值