小程序中的编程式导航和声明式导航

编程式导航:

getCourseId(e){ // console.log(e.detail) wx.navigateTo({ url: `/pages/course-detail/course-detail?courseid=${e.detail}`, }) },

声明式导航:

<navigator url="/pages/detail/detail?id={{item.id}}" class="cell"> <view class="imageView"> <image src="{{item.images[0]}}"></image> </view> <view class="meta"> <text class="name">{{item.name}}</text> <text class="time">{{item.phone}}</text> <text class="time">{{item.address}}</text> <text class="time">{{item.businessHours}}</text> </view> <view class="score"> {{item.score || 0}} </view> </navigator>

跳转到相应页面获取参数:

onLoad: function (options) { // 加载商铺详情数据 this.loadShopData(options.id) }, loadShopData(id){ axios.get(`shops/${id}`).then(res => { this.setData({ shop:res.data }) }) },