在uni-app中并不能使用vue-router来进行页面路由配置
uni-app中的路由的配置是在项目目录下的pages.json文件下进行配置
打开后在pages数组中进行配置
李家霖"pages": [ //pages数组中第一项表示应用启动页，参考：https://<a href="https://www.qinfenniao.com/article.html?name=uni" target="_blank">uni</a><a href="https://www.qinfenniao.com/nav/%E7%BD%91%E7%AB%99%E5%BC%80%E5%8F%91.html" target="_blank">app</a>.dcloud.io/collocation/pages
/*数组的第一项会默认显示*/
{
// path设置路径在pages文件夹目录下的vue文件 路径文件不用加后缀名
"path": "pages/index/index",
// 该页面的窗口的样式
"style": {
// 单个页面的样式 会覆盖掉默认的总体样式
"navigationBarTitleText": "<a href="https://www.qinfenniao.com/article.html?name=uni" target="_blank">uni</a>-<a href="https://www.qinfenniao.com/nav/%E7%BD%91%E7%AB%99%E5%BC%80%E5%8F%91.html" target="_blank">app</a>"
}
}, <br/> <br/> /*可以配置多个路由*/
{
"path":"pages/map/map",
"style":{
"navigationBarTitleText":"地址"
}
}
], 当路由配置好后有两种办法来控制路由的跳转
使用代码进行跳转
<a href="https://www.qinfenniao.com/article.html?name=uni" target="_blank">uni</a>.navigateTo({ // url 后跟的字符串是指的跳转路径 文件不用加后缀名
url:"/pages/userskip/dizhi",
}) 使用标签来进行跳转
// url 后的字符串是跳转路径 文件不用加后缀名<br/> <navigator url="/pages/userskip/dizhi"> <button type="default">跳转到新页面</button>
</navigator> 
0
原创©本文章为李家霖原创，未经许可，禁止转载
联系我
0条评论