使用el-col 让el-autocomplete 宽度自适应
时间: 2023-07-12 21:39:55 浏览: 268
页面宽度自适应
您可以使用 Bootstrap 栅格系统的自适应列(Auto-layout Columns)来让 el-autocomplete 的宽度自适应父元素的宽度。具体方法如下:
1. 首先,给 el-autocomplete 组件添加一个 ref,例如:ref="autocomplete"。
2. 在 el-col 组件中添加 :span 属性,将其设置为 "auto"。
3. 将 el-autocomplete 组件的宽度设置为 "100%"。
4. 代码示例如下:
```html
<el-row>
<el-col :span="auto">
<el-autocomplete ref="autocomplete" style="width: 100%"></el-autocomplete>
</el-col>
</el-row>
```
这样就可以让 el-autocomplete 的宽度自适应父元素的宽度了。
阅读全文