怎么快速解决element ui的组件的版本z-index层级问题
首先你要清楚，element ui 组件(select/dialog) z-index的层级从哪里来的。
你看源码就会知道，每次都会混入个minxin:[Popper]
可以知道，他的层级是从这个Popper这里来的，
我们在写组件的时候，只需要获取他的Popper混入方法就行。文章来源：https://www.toymoban.com/news/detail-784535.html
import { PopupManager } from 'element-ui/lib/utils/popup'
然后，在通过这个方法的PopupManager.nextZIndex()这个方法获取。文章来源地址https://www.toymoban.com/news/detail-784535.html
具体如下
<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>
到了这里，关于快速解决element ui的组件的版本z-index层级问题的文章就介绍完了。如果您还想了解更多内容，请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章，希望大家以后多多支持TOY模板网！
