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

posted @ 2022-04-27 14:23  叶乘风  阅读(1141)  评论(0编辑  收藏  举报