el-autocomplete 设置宽度
时间: 2023-07-07 19:44:43 浏览: 304
改变el-table宽度
5星 · 资源好评率100%
您可以使用 el-autocomplete 的属性 :popper-class 来设置宽度。具体方法如下:
1. 首先,给 el-autocomplete 组件添加一个 ref,例如:ref="autocomplete"。
2. 在 el-autocomplete 组件中添加 :popper-class 属性,并将其设置为一个函数。
3. 在函数中,获取到 el-autocomplete 组件的宽度,然后返回一个对象,该对象包含一个名为 .el-autocomplete-suggestion的属性,并将其宽度设置为与 el-autocomplete 组件一样的宽度。
4. 代码示例如下:
```html
<el-autocomplete ref="autocomplete" :popper-class="setPopperWidth"></el-autocomplete>
```
```javascript
methods: {
setPopperWidth() {
const width = this.$refs.autocomplete.$el.clientWidth;
return { '.el-autocomplete-suggestion': `width: ${width}px` };
}
}
```
这样就可以设置 el-autocomplete 组件的宽度了。
阅读全文