解决在IView的对话框中使用ElementUI的多选级联组件el-cascader出现的问题

解决在IView的对话框中使用ElementUI的多选级联组件el-cascader出现的问题

由于IView的级联组件不支持多选,所以需要采用ElementUI的级联组件

  • 问题:下拉选项随机性消失,点击之后看不到级联面板弹出
  • 原因:由于级联面板显示层级z-index低于Iview的model,从而遮住级联组件
  • 解决方案:
    在APP.vue的样式中添加:
body > div.el-popper.el-cascader__dropdown {
  z-index: 9999 !important;
}

改变el-input 中的placeholder样式

在App.vue文件中添加样式

.el-input__inner::placeholder {
  position: relative;
  left: -6px;
  font-size: 12px;
}
posted @   小匠i  阅读(325)  评论(1编辑  收藏  举报
相关博文:
阅读排行:
· 阿里最新开源QwQ-32B,效果媲美deepseek-r1满血版,部署成本又又又降低了!
· SQL Server 2025 AI相关能力初探
· AI编程工具终极对决:字节Trae VS Cursor,谁才是开发者新宠?
· 开源Multi-agent AI智能体框架aevatar.ai,欢迎大家贡献代码
· Manus重磅发布:全球首款通用AI代理技术深度解析与实战指南
点击右上角即可分享
微信分享提示