el-autocomplete 如何设置宽度
时间: 2023-07-07 16:34:47 浏览: 403
基于Vue el-autocomplete 实现类似百度搜索框功能
el-autocomplete 可以通过设置 input 组件的 style 属性来设置宽度。例如:
```html
<el-autocomplete
v-model="value"
:fetch-suggestions="querySearchAsync"
placeholder="请输入内容"
>
<template slot-scope="{ item }">
<div class="item">{{ item.value }}</div>
</template>
<el-input
:style="{ width: '200px' }"
slot="reference"
v-model="value"
:placeholder="'请输入内容'"
></el-input>
</el-autocomplete>
```
在上面的代码中,我们通过 `:style="{ width: '200px' }"` 来设置了输入框的宽度为 200px。你可以根据实际情况来设置宽度。
阅读全文