arco.design 利用 a-input-search 和 a-trigger 自己实现一个关键字查询select

每天进步一点.

于 2024-06-26 14:41:21 发布

阅读量631

点赞数 2

文章标签： vue.js javascript 前端

本文链接：https://blog.youkuaiyun.com/weixin_45152848/article/details/139988612

版权

先看效果

在这里插入图片描述

<div class="search-content" id="map-search-wrapper">
 <a-trigger
    popup-visible
    position="bl"
    autoFitPopupWidth
    :popup-offset="4"
    :unmount-on-close="true"
    trigger="click"
    popup-container="#map-search-wrapper"
  >
    <a-input-search
      v-model="keyword"
      :style="{ width: '280px' }"
      placeholder="输入位置搜索"
      search-button
      allow-clear
      @input="onInputInput"
      @search="onInputSearch"
    >
      <template #button-icon>
        <icon-search size="12" />
      </template>
    </a-input-search>
    <template #content>
      <a

最低0.47元/天解锁文章