Element UI Dialog嵌入Select時,選項被遮擋,怎麼辦?

使用Element UI Dialog嵌入Select時,選項被遮擋了,如下圖:


Element UI Dialog嵌入Select時,選項被遮擋,怎麼辦?

下拉框已經顯示完了,但最下面的一個選項被遮擋

添加CSS代碼:

<code>.el-scrollbar__wrap {
\t\toverflow-x: hidden;
}

.el-select-dropdown__list {
\t\tpadding-bottom: 20px;
}/<code>

添加位置一:可在相應的Dialog文件中添加;

添加位置二:可在App.vue文件中添加;或調用<router-view>的文件中添加;

添加位置三:寫在單獨的CSS文件中,然後在需要的地方引入或main.js中全局引入,如:

<code>import './style/app.css' //這個是在main.js中引用,全局css樣式/<code>


分享到:


相關文章: