去掉之后果然可以了。查了下标签元素,果然select上有absolute,受这个影响了。后来给select外层加了一层div,给了样式relative,不飘了,但是也出不来了。查看页面元素,是因为高度问题。最后给table外层加了一个id为table的div,然后这么写就OK了 getPopupContainer(trigger) {console.log(trigger)returndocument.getElement...
<SelectallowClearclass="book-select"@change="value=>handleSelectChange('publish',value)"placeholder="出版社":getPopupContainer=" triggerNode => { return triggerNode.parentNode || document.body; } "><SelectOptionv-for="(publishItem,index) in publishes":value="publishItem.code":key="index">{{...
antdesign vue 日期选择器 getPopupContainer vue日期选择组件,日期选择器组件1.先来看看实现效果2.在开发之前,要先了解清楚需要完成的需求再逐个优化(以下主要介绍思路具体实现,随机应变)1)UI方面我们需要实现上下滚动选择,需要注意的主要细节就是滚动结束后,需要
注意,如果发现下拉菜单跟随页面滚动,或者需要在其他弹层中触发 Select,请尝试使用 getPopupContainer={triggerNode => triggerNode.parentNode} 将下拉弹层渲染节点固定在触发器的父元素中。 事件 # 事件名称说明回调参数 blur 失去焦点的时回调 function change 选中option,或 input 的 value 变化(combobox 模式下)...
如果打开了类似于下拉框等组件,我们在滚动滚轮的时候,已展开的组件并不随着页面一起滚动,导致页面样式问题 类似于这种情况: image.png 这时候我们在组件中添加代码: getPopupContainer改变浮层渲染父节点 <SelectallowClearclass="book-select"@change="value=>handleSelectChange('publish',value)"placeholder="出版社...
使用getPopupContainer函数 菜单渲染父节点。 默认渲染到body上, 如果你遇到菜单滚动定位问题,试试修改为滚动的区域, 并相对其定位。 解决办法 <a-selectplaceholder="请选择"style="width: 320px"v-model:value="formState.sortValue":getPopupContainer=" ...
使用ant design vue的select组件时 下拉菜单选项随body滚动而滚动 加这个属性 :getPopupContainer="prpupContainer" <a-select:getPopupContainer="prpupContainer"> </a-select> methods: { prpupContainer () {returndocument.querySelector('#create-ticket')// ID是页面滚动的那个ID,根据自己来}, }...
ant design vue select随页面滚动 使用ant design vue的select组件时 下拉菜单选项随body滚动而滚动 解决方案 :getPopupContainer="()=>document.getElementById('category-select')" :dropdownStyle="{zIndex:10,TextAlign:'left!important'}" 父级元素中找一个div 设置id=category-select (试了好几个)...
getPopupContainer: {//菜单渲染父节点,默认渲染到body type: Function, default:triggerNode => triggerNode.parentNode//指向父级 }, allowClear:{//是否支持删除 type:Boolean, default:true, }, autoFocus:{//默认获取焦点 type:Boolean, default:false, ...
使用Ant Design Vue的select搜索框出现的问题 Select 选择器进行搜索 <template> <div> <a-form-item label="分类:"> <a-select placeholder="请选择" style="width: 320px" v-model:value="formState.sortValue" :showSearch="true" > <a-select-option v-for="(item, index) in listArr" :key="...