1、默认el-select渲染后的Css样式如下:
该组件直接挂在到#app节点上,导致我们不能在某个组件内修改下拉框的样式等需求;选中 el-select
的选项时页面的结构时,选项的容器并不在挂载的 div#app
上,所以设置的样式就无法正常作用到选项内容的 div
上;
2、el-select组件中设置参数:popper-append-to-body="false"
这样el-select组件就不会直接挂在到#app上,这样就可以在某个组件中修改el-select的样式了
修改后,页面渲染后的效果如下: