< 返回首页

标哥的笔记,是记录在日常学习技术和日常开发中那些年遇到过的坑!本站为新站,原"标哥的技术博客"中的文章会慢慢移到本站,欢迎收藏本站!
在使用本站过程中,有任何建议请联系标哥! 另,承接App开发、网站开发和微信小程序开发!欢迎联系我们


微信小程序Page route错误及页面传参数接收不到

 作者:标哥    发布日期:2016-12-31 23:29    阅读量:2558次
 

今天学习一下微信小程序,尝试写一个小demo,但是研究了半天在处理页面跳转的时候,参数总是传不过去,研究了半天,最后才明白原来是微信小程序还不完善,在app.json中添加页面路径的顺序是有关联的!

问题1 页面打印了日志提示如下

Page[pages/index/bookdetail] not found. May be caused by: 1. Forgot to add page route in app.json. 2. Invoking Page() in async task.

问题2 页面跳转到下一页面传参数接收不到

<navigator url="bookdetail?id=1&title=test">
  <image mode="scaleToFill" src="{{book.bookUrl}}"></image>
  <view class="book-name">{{book.bookName}}</view>
</navigator>

这里跳转的时候的传的参数应该为id和title,但是并没有接收到!

提示

这两个问题实质是同一个问题所引起的!引起此问题的原因在app.json中:

"pages":[
    "pages/index/index",
    "pages/logs/logs",
    "pages/hot/hot",
    "pages/new/new",
    "pages/index/bookdetail"
  ],

bookdetail这个路径放在后面就不行了,必须要放在pages/index/index的下一个,这样才行!

解决办法

"pages":[
    "pages/index/index",
     "pages/index/bookdetail",
    "pages/logs/logs",
    "pages/hot/hot",
    "pages/new/new"
  ],

如下图所示:

解决成功后的效果图

调整成如上的顺序就ok了!


承接:ThinkPHP项目开发、网站项目开发、微信项目开发、微信小程序项目开发、App开发,欢迎联系标哥QQ632840804