vue移动端vant搜索组件中自定义按钮无法显示搜索文字,显示的是取消

原版

<van-search
  v-model="value"
  show-action
  label="地址"
  placeholder="请输入搜索关键词"
  @search="onSearch"
>
  <template #action>
    <div @click="onSearch">搜索</div>
  </template>
</van-search>

#action 修改成 slot=“action”

<van-search
  v-model="value"
  show-action
  label="地址"
  placeholder="请输入搜索关键词"
  @search="onSearch"
>
  <template slot="action">
    <div @click="onSearch">搜索</div>
  </template>
</van-search>

你可能感兴趣的:(移动端,踩坑,vue,vant,搜索组件)