el-autocomplete设置输入框的最大宽度
时间: 2023-10-18 15:03:26 浏览: 198
基于Vue el-autocomplete 实现类似百度搜索框功能
你可以通过设置 el-autocomplete 组件的样式来限制输入框的最大宽度。具体做法如下:
1. 给 el-autocomplete 组件添加一个类名,比如 "my-autocomplete":
```html
<el-autocomplete class="my-autocomplete"></el-autocomplete>
```
2. 使用 CSS 样式来设置该类名的最大宽度,比如设置为 300px:
```css
.my-autocomplete .el-input__inner {
max-width: 300px;
}
```
这样就可以限制 el-autocomplete 组件输入框的最大宽度为 300px,你可以根据实际需求进行调整。
阅读全文