让el-option和el-select宽度保持一致

有时候我们用elementUI时会发现,el-option宽度总是达不到100%,就算你给它设置了宽100%一样不生效。如下是最终的效果图:
让el-option和el-select宽度保持一致_第1张图片
原理:DOM挂载完毕后,获取 el-selcet宽度,并赋值给 el-option 。
如果 el-select 宽度不确定,可以在 focus 时获取 el-select 宽度,赋值给 el-option。
下面是Vue3写法:

<el-select
           v-model="columnContentList"
           placeholder="请输入关键词"
           ref="columnContentSelect"
           class=

你可能感兴趣的:(vue2,javascript,前端,vue.js)