mint-ui的search组件在移动端不显示搜索按钮，以及@keyup.enter事件失效

最新推荐文章于 2023-12-11 15:56:40 发布

原创最新推荐文章于 2023-12-11 15:56:40 发布 · 1.6k 阅读

1 ·

CC 4.0 BY-SA版权

VUE 同时被 2 个专栏收录

44 篇文章

订阅专栏

前端问题汇总

16 篇文章

订阅专栏

本文介绍了一种在移动端解决搜索按钮不显示的问题的方法，通过添加一层form元素并利用Mint UI框架，结合原生事件实现搜索功能。@keyup.enter.native=search确保了按键事件的正确触发。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

在移动端不显示搜索按钮，添加一层form就可以完美解决了


      <form action="" target="frameFile">
        <mt-search
          autofocus
          v-model="value"
          :result="filterResult"
          cancel-text="取消"
          placeholder="搜索"
          @keyup.enter.native="search"
        >
        </mt-search>
      </form>

在mint-ui中使用原生的事件必须加.native