2022-04-27 uni-easyinput @iconClick不生效
前言:在项目中引用用了一个uni-easyinput的插件,是个输入框,我给它那个清除图标的按钮绑定个事件,结果忙活半天才解决,这都还不如我我自个儿写个输入框呢,真费事。
问题:给uni-easyinput的api:@iconClick 绑定一个事件逻辑,如下:
<uni-easyinput v-model="search_value" @input="onInput" @confirm="onSearch" placeholder="请输入你要搜索的商品" @iconClick="onSearchBtn" />
事件如下:
// 点击图标触发事件 onSearchBtn() { console.log(666) },
这样是没效果的,为啥,因为你没有指定该插件的前or后的图标!
<uni-easyinput v-model="search_value" @input="onInput" @confirm="onSearch" placeholder="请输入你要搜索的商品" suffixIcon="search" @iconClick="onSearchBtn" />
必须保证它的api【输入框头部图标】or【输入框尾部图标】有值才能触发事件。如果没有,那就两个都写。
本来我是想捕获到那个清除图标的事件的,结果我设置了尾部图标后,输入框尾部就只有我设置的尾部图标了,那个清除图标不出现了,而且这个尾部图标还是一直显示的状态。
结语:25号发工资,今天27号,老板说还要延期2天才发。看了看微信里的23块5,不禁陷入了深深的沉思。
【推荐】国内首个AI IDE,深度理解中文开发场景,立即下载体验Trae
【推荐】编程新体验,更懂你的AI,立即体验豆包MarsCode编程助手
【推荐】抖音旗下AI助手豆包,你的智能百科全书,全免费不限次数
【推荐】轻量又高性能的 SSH 工具 IShell:AI 加持,快人一步
· 阿里最新开源QwQ-32B,效果媲美deepseek-r1满血版,部署成本又又又降低了!
· 开源Multi-agent AI智能体框架aevatar.ai,欢迎大家贡献代码
· Manus重磅发布:全球首款通用AI代理技术深度解析与实战指南
· 被坑几百块钱后,我竟然真的恢复了删除的微信聊天记录!
· 没有Manus邀请码?试试免邀请码的MGX或者开源的OpenManus吧