解决在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 @ 2022-11-11 20:47  小匠i  阅读(310)  评论(1编辑  收藏  举报