js开发下拉组件,如何确保界面在下拉框下面

JavaScript014

js开发下拉组件,如何确保界面在下拉框下面,第1张

在JS开发中,如果要确保界面在下拉组件下面,可以使用以下几种方法:

1.使用CSS中的z-index属性,将下拉组件的z-index值设置为较低值,而界面元素的z-index值设置为较高值。这样就能确保界面元素覆盖在下拉组件上。

2.使用JavaScript代码控制下拉组件的显示和隐藏,在下拉框显示时,将界面元素的可见性设置为不可见,在下拉框隐藏时,将界面元素的可见性设置为可见。

并不是一个dom节点,所以infotext这个类究竟用在哪,需要看下el-table-column这个组件的实现才知道。\x0d\x0a用了第三方组件的必然都会遇到你这样的问题,我说下我的解决方法,不一定是好的。\x0d\x0a一个vue文件可以写多个,加上socped代表本组件的样式,不污染全局。如果需要覆盖第三方组件样式,则不能加scoped,因此需要另写一个.xxx-component{...},这里用一个大类包裹防止污染全局。\x0d\x0a接着,我用比较笨的方法(有好的方法请告知),就是打开f12检查究竟要覆盖哪些样式,然后写在没有加scoped的style里即可。\x0d\x0a其实一些好的第三方UI库都有提供自定义样式的方法的,这样实现起来才是最便捷的。