HarmonOS JS学习笔记（遇坑）-路由/页面

分手后的思念是犯贱 2023-01-23 13:55 15阅读 0赞

[https://developer.harmonyos.com/cn/docs/documentation/doc-references/js-apis-basic-features-routes-0000000000611824][https_developer.harmonyos.com_cn_docs_documentation_doc-references_js-apis-basic-features-routes-0000000000611824]

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3UwMTA3MzA0NTg_size_16_color_FFFFFF_t_70][]

pages里建页面文件夹，里面index.hml、index.css、index.js，和微信小程序相比少了index.json文件。

新建的页面必须要config.json里配置页面路径才可以用。

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3UwMTA3MzA0NTg_size_16_color_FFFFFF_t_70 1][]

页面跳转，需要页面引入router使用

import router from '@system.router';

router.push ({
        uri: 'pages/detail/index',
        params: { id: 1 }
    });

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3UwMTA3MzA0NTg_size_16_color_FFFFFF_t_70 2][]

[https_developer.harmonyos.com_cn_docs_documentation_doc-references_js-apis-basic-features-routes-0000000000611824]: https://developer.harmonyos.com/cn/docs/documentation/doc-references/js-apis-basic-features-routes-0000000000611824
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3UwMTA3MzA0NTg_size_16_color_FFFFFF_t_70]: /images/20221004/4e96a925c7e847be90cd83b9318ea312.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3UwMTA3MzA0NTg_size_16_color_FFFFFF_t_70 1]: /images/20221004/8a68b33786694552a64327bd59e2801e.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3UwMTA3MzA0NTg_size_16_color_FFFFFF_t_70 2]: /images/20221004/f6e9d8653a7e41ae9aba72826a3ca33e.png