因为uniapp没有官方的下拉选择组件,所有选择使用了插件市场的select-lay组件,但是在使用多组组件放在同一页面时,下拉的菜单会直接穿透其他的select组件,因为组件很难调试出问题,花了好久终于找到了原因,其实就是组件的z-index层级出了问题,找出问题后就好解决了:
方法1:直接引入多个组件,单个组件分开设置相应的z-index,使上层的组件层级高于下层的组件即可
方法2:用v-for渲染多个组件,然后在父组件新增zindex属性传入子组件,完美解决问题
因为uniapp没有官方的下拉选择组件,所有选择使用了插件市场的select-lay组件,但是在使用多组组件放在同一页面时,下拉的菜单会直接穿透其他的select组件,因为组件很难调试出问题,花了好久终于找到了原因,其实就是组件的z-index层级出了问题,找出问题后就好解决了:
方法1:直接引入多个组件,单个组件分开设置相应的z-index,使上层的组件层级高于下层的组件即可
方法2:用v-for渲染多个组件,然后在父组件新增zindex属性传入子组件,完美解决问题