微信小程序点击获取详情实现

最新推荐文章于 2024-07-19 16:52:47 发布

刘远山

最新推荐文章于 2024-07-19 16:52:47 发布

阅读量1.3k

点赞数 1

分类专栏： # 微信公众号与微信小程序

本文链接：https://blog.csdn.net/weixin_39218464/article/details/108706803

版权

微信公众号与微信小程序专栏收录该内容

18 篇文章 0 订阅

订阅专栏

前端index.wxml页面
通过 bindtap=“getUrl"事件触发 data-id=”{{item.id}}"携带参数

<view class="newsinfo" bindtap="getUrl" data-id="{{item.id}}" wx:for="{{news}}" wx:key="item">

index.js
getUrl事件函数跳转到指定页面

  getUrl: function (e) {
    var id = e.currentTarget.dataset.id
    //跳转传值
    wx.navigateTo({
      url: '/pages/show/show?id=' + id,
    })
  },

show.js事件监听发送请求数据

/**
   * 生命周期函数--监听页面加载
   */
  onLoad: function (options) {
    var id = options.id;
    var that = this;
    wx.showLoading({
      title: '加载中',
      mask: true
    })

    wx.request({
      url: 'http://www.yzm.com/index.php/api/news/show',
      method: 'GET',
      data:{
        id:id,
      },
      deader: {
        'content-type':'application/json',
      },
      success(res) {
        that.setData({
          res:res.data.data
        });
      },
      complete() {
        wx.hideLoading();
      }
    })
  },