微信小程序收藏和搜索功能实现思路

收藏功能实现思路

1. 在详情页上面先定义未收藏的图标，根据切换src来更改图片

     <image src="{
       {src}}" catchtap="add_soucang" data-user="{
       {list}}"></image>
   

2. 当点击未收藏图片的时候，我们去请求接口让当前的商品添加到收藏的接口，且利用视图更新去把当前的src变成红色收藏的图片

      add_soucang(e){
      let {id} = e.currentTarget.dataset.user.id
      console.log(e.currentTarget.dataset.user.id)
         wx.request({
             url: `https://api.it120.cc/lsn/shop/goods/fav/add?token=1573f50e-5219-4845-94f0-ae95af96bbb9&goodsId=${this.data.det}`,
         method:"POST",
         success:(res)=>{
             // console.log(res)
         if(res.statusCode == 200){
         this.setData({src:"/images/collect_active.png"})
           }
         }
      })
   },
   

3. 虽然我们点击的时候变成了收藏之后的状态，但是返回去再进来时，还是未收藏的状态，所以我们需要检测是否收藏状态且在onLoad:页面加载的时候调用一下这个方法，让他在返回到详情页