uniapp中input框实现键盘右下角搜索事件

最新推荐文章于 2025-03-25 11:30:45 发布

前端菜菜DayDayUp

最新推荐文章于 2025-03-25 11:30:45 发布

阅读量2.9k

点赞数 1

分类专栏： uni-app 微信小程序文章标签： uni-app

本文链接：https://blog.youkuaiyun.com/weixin_48594833/article/details/126725512

版权

微信小程序同时被 2 个专栏收录

6 篇文章

订阅专栏

uni-app

3 篇文章

订阅专栏

"这个博客展示了如何在Vue中创建一个带有搜索功能的输入框。通过`<input>`标签，设置`type="text"`和`confirm-type="search"`属性，结合`v-model.trim`双向数据绑定及`@confirm`事件监听，实现输入手机号并点击搜索时触发`onSearch`方法的功能。该例子着重于前端UI交互和Vue组件的事件处理。"

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

这里使用

type="text"
confirm-type="search"
@confirm="事件名"

<input
    class="search-input"
    v-model.trim="telSearch"
    type="text"
    confirm-type="search"
    @confirm="onSearch"
    maxlength="11"
    placeholder="输入对方手机号"
 />