美文网首页
微信小程序—获取id跳转页面

微信小程序—获取id跳转页面

作者: 追逐繁星的阿忠 | 来源:发表于2018-10-26 16:25 被阅读143次

快速入口——界面设置:

<view class="tl-content" wx:for="{{h.list}}" wx:for-item="item" wx:key="index" bindtap='goDetails' data-id='{{item.id}}'>

快速入口——取值操作:

var id = e.currentTarget.dataset.id
        wx.navigateTo({
            url: `/pages/member/rechargeDetails/rechargeDetails?orderId=${id}`,
        })

第二中类型 传递json

原文地址:https://blog.csdn.net/yin_xing_ye/article/details/81437573

<block wx:for-items="{{newGoods}}" wx:key="id">
            <view  catchtap="catchTapCategory" data-goodsid="{{item.id}}">
              <view>
                <image src="{{item.imgUrl}}" /> 
              </view>
              <view class="product-name">
                {{item.name}}           
              </view>
</view>
</block>

这里的data-goodsid="{{item.id}}"相当于把id赋值给了goodsid

goodsid 这个参数不支持大写,如果用data-pId 然后var goodsId = e.currentTarget.dataset.pId;无法取到值

catchTapCategory: function (e) {
    var that = this;
    var goodsId = e.currentTarget.dataset.goodsid;
    console.log('goodsId:' + goodsId);    
    wx.navigateTo({ url: '../detail/detail?goodsId=' + goodsId })
 },

相关文章

  • 微信小程序—获取id跳转页面

    快速入口——界面设置: 快速入口——取值操作: 第二中类型 传递json 原文地址:https://blog.cs...

  • 微信小程序学习点滴

    **微信小程序学习点滴**《一》:如何获取时间,页面跳转,传递参数 **微信小程序学习点滴**《二》:开发者工具快...

  • 常用 API 调用方法

    微信小程序 获取所点列表的id 延时的方法 页面获取值得方法 wx.request

  • 小程序页面跳转解析

    对于两个或更多页面的微信小程序而言,页面之间的跳转是在所难免的。 有关小程序页面间跳转的 API 函数,微信一共为...

  • 微信小程序:服务通知跳转长链接

    问题: 在微信的服务通知里面跳转微信小程序页面,小程序页面链接需要带一个h5页面链接,跳转后显示页面不存在。 定位...

  • 微信小程序-页面跳转

    微信小程序-页面跳转 一、在app.json中配置跳转页面: logs为当前将要跳转到的页面 { “pages”:...

  • 微信小程序页面跳转方法总结

    微信小程序页面跳转目前有以下方法(不全面的欢迎补充): 1. 利用小程序提供的 API 跳转: // 保留当前页面...

  • 跳转大全

    微信小程序页面跳转目前有以下方法(不全面的欢迎补充): 1. 利用小程序提供的 API 跳转: //保留当前页面,...

  • APP跳转小程序,小程序跳转APP,看我就够了

    本文涉及的内容:APP跳转小程序,跳转指定页面,传参。APP分享小程序。小程序跳转APP,传参。默认已集成微信SD...

  • 微信小程序的跳转方式

    微信小程序有5种跳转方式 switchTab这种跳转只能跳转到 tabBar 配置的页面 navigateBack...

网友评论

      本文标题:微信小程序—获取id跳转页面

      本文链接:https://www.haomeiwen.com/subject/tihltqtx.html