微信小程序实现索引匹配关键字高亮。

最新推荐文章于 2024-07-03 17:05:23 发布

置顶

jxphuijing

最新推荐文章于 2024-07-03 17:05:23 发布

阅读量1.5k

点赞数

文章标签：小程序前端 html

本文链接：https://blog.csdn.net/jxphuijing/article/details/104324401

版权

博主分享了如何在微信小程序中实现索引匹配和关键字高亮的技术实践。通过地图定位功能结合搜索框，实现实时搜索并高亮显示匹配结果。在不支持DOM操作的小程序环境中，博主借鉴了第三方插件进行适配和调整，完成页面渲染。

摘要由CSDN通过智能技术生成

1.很长时间没有更新博客了，从今天起开始好好写博客，与各位同僚一起进步。

2.前一段时间技术经理提出要做一个景区定位锁定周边民宿的功能，同时要附加着匹配高亮，然后开始写。

3.在原来的搜索框写了方法。

//输入框实时搜索

  //输入框实时搜索
  inputChange: function(e) {
    var that = this;
    var currentStatu = 'open'
    this.util(currentStatu)
    var val = that.trim(e.detail.value);
    that.setData({
      searchValue: val
    })
    if(val == ''){
      var currentStatu = 'close'
      this.util(currentStatu)
    }
    // setTimeout(function () {
    if (val != ''){
      wx.request({
        url: app.globalData.http_newurl + 'index/search-list',
        data: {
          authToken: app.globalData.api_authToken,
          token: app.globalData.api_token,
          time: app.globalData.api_time,
          keywords: val,
          keywords_city: app.globalData.city,
          keywords_city_id: app.globalData.city_id,
        },