• 设为首页
  • 点击收藏
  • 手机版
    手机扫一扫访问
    迪恩网络手机版
  • 关注官方公众号
    微信扫一扫关注
    迪恩网络公众号

小程序模糊搜索(词汇联想)

原作者: [db:作者] 来自: [db:来源] 收藏 邀请
  // 词汇联想
//HTML部分
 <block wx:if="{{fuzzySearchList && inputValue}}">
        <view class="fuzzy_search">
            <view class="item" data-keys="{{item.suggest}}" catchtap="doSearch" wx:key="{{index}}" wx:for="{{fuzzySearchList}}">
                <view class=\'oneText\'>
                    <text wx:for="{{item.suggest}}" wx:key="{{index}}" class="{{item == inputValue ? \'highlight\' : \'\' }}">{{item}}</text>
                </view>
            </view>
        </view>
    </block>

getValue中300毫秒获取模糊搜索(bindinput="getValue"):

setTimeout(()=>{
    this.searchTap();
},300)
    // 获取列表
    getFuzzySearchList(kw){
        if (!kw) return Promise.reject(false);
        return new Promise((resolve,reject)=>{
            const _this = this;
            let param = {
                key_word: kw
            }
            http({
                url: api.$api.getFuzzySearch,
                method: \'GET\',
                data: param,
                success: function(res) {
                    if(res.data.status == \'T\'){
                        _this.setData({
                            fuzzySearchList:res.data.data,
                        })
                        resolve()
                    }
                },
            });

        })
    },
    // 处理高亮显示
    searchTap: function (e) {
        this.getFuzzySearchList(this.data.inputValue).then(()=>{
            // let data, newData;
            // data = newData = this.data.fuzzySearchList
            let data = this.data.fuzzySearchList;
            let newData = this.data.fuzzySearchList;
            for (let i = 0; i < data.length; i++) {
                let dic = data[i];
                let newDic = newData[i];
                let name = dic["suggest"];
                newDic["suggest"] = getInf(name, this.data.inputValue);
            }
            this.setData({
                fuzzySearchList: newData,
            })
        })
    },

 


鲜花

握手

雷人

路过

鸡蛋
该文章已有0人参与评论

请发表评论

全部评论

专题导读
上一篇:
OMG,小程序居然免费啦发布时间:2022-07-18
下一篇:
TODO:小程序的使用体验发布时间:2022-07-18
热门推荐
阅读排行榜

扫描微信二维码

查看手机版网站

随时了解更新最新资讯

139-2527-9053

在线客服(服务时间 9:00~18:00)

在线QQ客服
地址:深圳市南山区西丽大学城创智工业园
电邮:jeky_zhao#qq.com
移动电话:139-2527-9053

Powered by 互联科技 X3.4© 2001-2213 极客世界.|Sitemap