声明一下:该系列文章不定时更新,更新也没有预定顺序,纯粹是自己开发笔记。
今天的内容有:
- uniapp的页面路由、跳转、参数、Vuex等
1、uniapp页面
- 在
pages
文件夹下新建vue
或nvue
文件 - 在
pages.json
配置页面属性"pages": [ //pages数组中第一项表示应用启动页,参考:https://uniapp.dcloud.io/collocation/pages { "path": "pages/index/index", "style": { "navigationBarTitleText": "首页" } }, { "path" : "pages/home/home", "style" : { "navigationBarTitleText" : "新朋友" } } ],
以上步骤使用HbuilerX创建页面的时间会自动完成
2、页面跳转
2.1 uni.navigateTo
跳转到新页面,不会关闭当前页面
-
不带参数:
// 使用uni.navigateTo跳转到新页面 uni.navigateTo({ url: '/pages/home/home' // 这里的URL是相对于pages.json中配置的路径 });
-
带有参数:
- 带参数跳转
function navigateToPageB() { const param =
- 带参数跳转