我做一个从主页列表跳转到详情界面的微信小程序,主页代码:
wxml
<block wx:for="{{courseList}}" wx:key="index">
<view class="itemCourse" bindtap="goDetail" data-id=" {{item._id}}">
<text>课程名:{{item.Cname}}\n</text>
<text>时间:{{item.time}}\n</text>
<text>学分:{{item.credit}}\n</text>
<text>教师名:{{item.teacher}}\n</text>
<text decode="{{true}}">容量:{{item.volume}}  剩余量:</text>
</view>
</block>
js
Page({
//定义一个空数组
data: {
courseList: []
},
onLoad(){
wx.cloud.database().collection("course")
.get()
.then(res=>{
console.log("请求成功", res)
this.setData({ //用箭头函数,则this还是指向page
courseList: res.data
})
})
.catch(res=>{
console.log("请求失败", res)
})
},
goDetail(event){
console.log("点击获取的数据",event.currentTarget.dataset.id)
wx.navigateTo({
url: '/pages/detail/detail?id=' + event.currentTarget.dataset.id,
})
}
})
详情界面js:
Page({
data:{
detail:''
},
onLoad(options){
console.log("详情接收的id",options.id)
wx.cloud.database().collection("course")
.doc(options.id)
.get()
.then(res=>{
console.log("详情页成功",res)
this.setData({
detail:res.data
})
})
.catch(res=>{
console.log("详情页失败", res)
})
}
})
然后黄色那行id号前面有个%20,到详情接收的id都对,后面失败,我尝试把id写死,没有问题,id号前加上空格就失败,好像是哪里有空格,请问怎么解决