隱藏餓了么el-select組件的el-select-dropdown部分,只使用el-select的顯示框
問題: 由于el-select組件的el-select-dropdown部分是自動插入在最外層Body上的,所以在當前組件的scoped中讓el-select-dropdown組件display:none不會生效所以需要:
:popper-append-to-body="false"
完整html代碼
<el-select v-model="value1" multiple placeholder="請選擇" :popper-append-to-body="false"></el-select>
于是el-select-dropdown部分就沒有插入了最外層body而是和el-select組件中的input也就是顯示已選值的框并列
這時候再設置css:
::v-deep .el-select-dropdown {display: none !important;}
.el-select-dropdown 就成功隱藏了 !