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,不禁陷入了深深的沉思。