路由跳转到另一个界面却不能正常显示

J.哥

今天在开发时遇见一个怪事，我通过正常跳转到另一个界面。但是跳转到这个界面只有有标题显示正常，类容都没显示，包括生命周期都没执行。 下面是我的跳转代码：

1. openMore()
2. {
3. const that = this;
4. const foo = require('json-loader!./caipu.json');
5. that.allcaipuList=foo.result;
6. router.push({
7. uri: '/IdWebview',
8. params: { caipukey: that.allcaipuList }
10. })
11. },

复制代码

我跳转到IdWebview 的文件夹下的index.ux 以下是我的manifest.json

1. "router": {
2. "entry": "Demo",
3. "pages": {
4. "Demo": {
5. "component": "index"
6. },
7. "DemoDetail": {
8. "component": "index"
9. },
10. "About": {
11. "component": "index"
12. },
13. "Webview":
14. {
15. "component": "index"
16. },
17. "IdWebview":
18. {
19. "component": "index"
20. }
21. }
22. },
23. "display": {
24. "titleBarBackgroundColor": "#f2f2f2",
25. "titleBarTextColor": "#414141",
26. "menu": true,
27. "pages": {
28. "Demo": {
29. "titleBarText": "私人厨"
31. },
32. "DemoDetail": {
33. "titleBarText": "菜谱列表"
34. },
35. "About": {
36. "menu": false
38. },
39. "Webview":{
40. "titleBarText": "菜肴详情",
41. "menu": false
42. },
43. "IdWebview":{
44. "titleBarText": "菜谱列表",
45. "menu": false
46. }
47. }
48. }

复制代码

最后我跳转的界面 代码

1. <template>
2. <text>test</text>
4. </template>
6. <style>
8. </style>
10. <script>
11. import router from '@system.router'
12. import app from '@system.app'
13. import fetch from '@system.fetch'
14. import prompt from '@system.prompt'
15. export default {
16. data: {
18. caipukey: []
22. },
23. onInit() {
24. console.log('---0000---');
25. this.caipukey = JSON.parse(this.caipukey);
26. console.log(this.caipukey);
29. },
30. }
31. </script>

复制代码

可是我的onInit() 下的console.log('---0000---'); 都没打印，我的test也没显示，不知道我哪里错了 我最先担心的是我的manifest里面IdWebview，中跟IdWebView 文件夹中的字母大小之分，但是我该成相应的大写却不能跳转了。 看了很久就是不知道哪里有问题

vivo官方技术团队

debug开关没有打开把，text放在div里面试一下