el-autocomplete实现块状

el-autocomplete 是一个基于 Element UI 的自动完成组件，通常情况下它是以下拉列表的形式展示匹配项。如果想要实现块状展示，可以通过以下步骤实现：

1. 修改 el-autocomplete 的样式，使其宽度为100%。
2. 将下拉列表的样式修改为块状，可以通过 CSS 实现，如设置 display: block。
3. 修改下拉列表中每个匹配项的样式，使其成为一个块状元素，可以通过 CSS 实现，如设置 display: block 和 padding。
4. 将匹配项的内容分行显示，可以通过在匹配项内容中添加换行符实现，如将 "item1 item2 item3" 改为 "item1 \n item2 \n item3"。

以下是一个示例代码：

<el-autocomplete
  v-model="value"
  :fetch-suggestions="querySearch"
  placeholder="请输入内容"
  style="width: 100%;"
>
  <template slot-scope="{ item }">
    <div style="display: block; padding: 10px;">
      {{ item.value.split(' ').join('\n') }}
    </div>
  </template>
</el-autocomplete>

在以上示例代码中，通过设置 el-autocomplete 的宽度为 100%，使其占据父容器的全部宽度；通过在匹配项内容中添加换行符，将匹配项的内容分行显示。同时，设置下拉列表和匹配项的样式为块状，使其呈现出块状的展示效果。