uniapp使用组件创建新闻列表，小程序编辑器中无法进入详情页，网页端正常

刚刚接触uniapp遇到个问题，麻烦大佬帮帮忙：uniapp使用组件创建新闻列表，小程序编辑器中无法进入详情页，提示详情页id为undefined 但是网页端检测传递正常，请问这是什么问题？

代码关系如下：
//组件中父对象接受被单击的ID，跳转到相应的详情页面
news_detail(id){
uni.navigateTo({
url: '../news_info/news_info?id=' + id
});
} 这个ID是从 组件中传递过来的

//详情页面接受传来的ID显示相关信息

onLoad(options) {
console.log(options),//输出显示为undefined
this.id = options.id //这个也无效
this.getnews_info(options.id)
},
methods: {
getnews_info(id) {
uni.request({
url: 'http://127.0.0.1:8082/api/getnew/' +id,
success: (res) => {
// console.log(res)
this.news_info = res.data.message
}
})
}
}