E企盈营销工具技术服务商 热线:4006-838-530

微信小程序开发(3)——搜索框一键清除

E企盈直播平台营销卖货系统

小程序的input输入可以获取到实时输入数据,一键删除功能需要借助input的value属性1.搜索框的数据获取要在input标签中设置bindinput=’search’属性view class=”search”    image src=”../../images/icon-search.png”/image    input type=”number” maxlength=”7″ placeholder=’搜索’ bindinput=’search’ value=”{{searchContent}}”/    icon wx:if=”{{clearShow}}” type=”clear” size=”14″ bindtap=’clear’/  /viewdata: {    clearShow: false, // 动态显示清除图标    searchContent: ”},search: function(e){    let that = this;    let value = e.detail.value;    if (value.length 0 && !that.data.clearShow){      that.setData({        clearShow: true      })    } else if (value.length == 0){      that.setData({        clearShow: false      })    }},2.一键清除搜索框内容清除搜索框内容并隐藏清除按钮clear: function(){    this.setData({      clearShow: false,      searchContent: ”    })  }

赞(0) 打赏
未经允许不得转载:E企盈小程序开发-热线:4006-838-530 » 微信小程序开发(3)——搜索框一键清除
分享到: 更多 (0)
E企盈小程序直播营销卖货系统
E企盈直播平台营销卖货系统

评论 抢沙发

E企盈小程序开发

联系我们联系我们

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

微信扫一扫打赏