快速解决element ui的组件的版本z-index层级问题

怎么快速解决element ui的组件的版本z-index层级问题
首先你要清楚，element ui 组件(select/dialog) z-index的层级从哪里来的。
你看源码就会知道，每次都会混入个
minxin:[Popper]
可以知道，他的层级是从这个Popper这里来的，
我们在写组件的时候，只需要获取他的Popper混入方法就行。

import { PopupManager } from 'element-ui/lib/utils/popup'

然后，在通过这个方法的PopupManager.nextZIndex()这个方法获取。

具体如下

<template>
< div ref="selectForm">
</div>
</template>
<script>
import { PopupManager } from 'element-ui/lib/utils/popup'
export default {
	methods:{
		a(){
		  const divElement = this.$refs.selectForm.$el; // "selectForm" 替换为实际的 ref 名称
          divElement.style.zIndex = PopupManager.nextZIndex()
		}
	}
}
</script>