微信小程序跳转页面(传参跟不传参)

跳转页面传参

1.首先我的目录结构是这样的,并在 cinema.wxml 定义了一个点击事件 bindtap=‘indetai’
在这里插入图片描述
2.然后在 cinema.js 的data里面定义了一个 score,并实现了 indetai 方法

data{
 score:8.8
}//实现indetai方法
inhome(){
    wx.navigateTo({
     //url:需要跳转到的页面的地址, this.data.score 就是我们要传递的参数了
      url: '../detai/detai?num='+this.data.score   
    })
},

在这里插入图片描述
3.在 detai.js 的 data 里面也定义一个 score ,再在 onLoad 函数里面接收传递过来的值

 data: {
    score:0
 }/**
   * 生命周期函数--监听页面加载
   */
  onLoad: function (options) {
    //把接收到的值赋值给score
    this.setData({
      score:options.num
    })
  },

4.在页面上显示得到的值
在这里插入图片描述
在这里插入图片描述

这样就得到跳转页面传参就完成了!

接下来说说跳转页面不传参

不需要传参的话
就只需要写一个点击事件就可以跳转页面啦!

 indetai(){
    wx.navigateTo({
    //url:需要跳转到的页面的地址
      url: '../detai/detai'
    })
 },
一起加油哦!

猜你喜欢

转载自blog.csdn.net/qq_43627798/article/details/88645070
今日推荐