带参数页面之间进行跳转+对应页面显示

蛋糕项目
待要跳转页面

 console.log(city, "获取到的城市名字2")
          wx.navigateTo({
            url: `../shop/shop?cityName=${city}`,
          })

变量需要${}来传，且url的符号变为`

目标页面

onLoad: function (options) {
    console.log(options)
    this.setData({
      cityName: options.cityName
    })
  },

---

---

实训老师带着
一、页面跳转

// url: `../movie-detail/movie-detail?id=${e.target.id}`
  或者 
  url:'../movie-detail/movie-detail?id=' + e.target.id

第一个是带变量，第二个是当做字符串进行连接

注意：
1、函数的参数问题:切记带参数

//电影详情页跳转
  showMovieDetail: function(e){
    console.log(e);
    console.log(e.target.id);
    wx.navigateTo({
      // url: `../movie-detail/movie-detail?id=${e.target.id}`
      url:'../movie-detail/movie-detail?id=' + e.target.id
    })
  },

2、对于参数，先打印出来看看是什么，再进行获取目标变量

onLoad: function (options) {
     console.log(options)
     console.log(options.id, "传到电影详情页面的电影id")

  },

打印出来的内容：

二、对应页面显示