美文网首页
10.商品列表跳转详情携带商品id

10.商品列表跳转详情携带商品id

作者: 陈情令 | 来源:发表于2021-08-06 19:49 被阅读0次

代码:

   wx.cloud.database().collection("goods").get().then(res => {

      console.log(res.data)

     this.setData({dataList:res.data})

    }).catch(err => {

      console.log(err)

    })

代码:

<view wx:for="{{dataList}}" wx:key="index" bindtap="jumpAnother" data-id="{{item._id}}">

 <view>商品名称:{{item.name}}</view>

 <view>商品价格:{{item.price}}</view>

</view>

代码:

jumpAnother(e){

     console.log("hhha",e.currentTarget.dataset.id)

     wx.navigateTo({

       url: '/pages/demo/demo?id='+e.currentTarget.dataset.id,

     })

  },

代码:

data: {

    goods:{}

  },

  /**

   * 生命周期函数--监听页面加载

   */

  onLoad: function (options) {

    console.log(options.id,"options")

    wx.cloud.database().collection("goods").doc(options.id).get().then(res => {

      // console.log(res.data)

      this.setData({goods:res.data})

    }).catch(err => {

      console.log(err);

    })

  },

相关文章

  • 10.商品列表跳转详情携带商品id

    代码: wx.cloud.database().collection("goods").get().then(r...

  • 小程序——页面跳转

    场景:点击首页中的具体商品,携带商品ID跳转到商品详情页面,在详情页面获取并且展示商品详细信息。 实现步骤:以瀑布...

  • 8.改造在线竞拍应用

    创建商品详情组件,在商品详情组件里传递商品id,模板加图片及标题。 创建home组件。放入banner和商品列表组...

  • vue 传递方式

    在做路由跳转时,比如一个商品列表页,我想通过不同过商品ID请求不同的商品详情页,这时候我们就需要传递参数来判断 方...

  • 【前端小程序】05 - 商品详情页面

    1. 获取商品id 在商品列表页面中的navigator标签中使用url属性配置选项跳转路径。传递商品id。 在跳...

  • 列表进入详情页的传参问题。

    例如商品列表页面前往商品详情页面,需要传一个商品id; c页面的路径为http://localhost:8080/...

  • 08、Vue-Food组件(商品详情)《饿了吗》

    一、阻止事件冒泡 当点击商品列表跳转到详情时,添加商品(移除商品)都会触发到该事件,即需要阻止事件的冒泡 二、评论...

  • 08、Vue-Food组件(商品详情)《饿了吗》

    一、阻止事件冒泡 当点击商品列表跳转到详情时,添加商品(移除商品)都会触发到该事件,即需要阻止事件的冒泡 二、评论...

  • 路由传值(非命名路由)

    一、简介 很多时候,在路由跳转时我们需要带一些参数,比如打开商品详情页时,我们需要带一个商品id,这样商品详情页才...

  • 10. 页面的跳转传参

    1. 页面的跳转与传值 这里我们举个例子,首页是一个商品的列表,当点击列表的某一项的时候,跳转到商品详情页 2. ...

网友评论

      本文标题:10.商品列表跳转详情携带商品id

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