element 日期选择图标_element-ui时间选择器位置固定

前言

其实我想记录的不仅仅是如题所写的，不过却是由此引起的。

正常

非正常

如上图所示，我们不需要这个弹框位置变动(读过源码或者一番操作可知scroll、resize俩事件有关)，就比如我司目前项目。仅需要固定住，滚动或者拉伸页面，位置还是保持正常样子

正文

思路

先来段废话，其实这个方法也就那么几个，要么把这个组件拷贝出来修改一下，要么就是通过js动态修改。这俩个肯定可以，不过也肯定很挫。一番源码拜读加探索：

通过refs获取到弹框组件，然后先去除scroll、resize俩事件监听，然后添加scroll事件，修改其位置即可

源码

export default {

data() {

return {

scrollTarget: null,

scrollCallback: null

}

},

mounted() {

function setPosition(popper, reference) {

if (popper.attributes['x-placement'].value ===