uniapp文件和样式和vue一样,但是没有路由,跳转方法和小程序一样
一、创建文件
1.鼠标右键,如果新建页面的话,会新建一个文件,文件里面会有一个vue文件,这种方法会在pages.json文件里自动创建路径
2.鼠标右键新建,然后选择新建vue页面的话,会在右键的文件下创建一个页面,但是pages.json里面的路径需要自己添加

二、跳转
methods: {
goback() {
//返回上一页的方法
uni.navigateBack()
},
// 在C页面内 navigateBack,将返回A页面
goback2() {
uni.navigateBack({
delta: 2
});
},
gochat() {
//跳转
uni.navigateTo({
url: './chat?id=1'
})
}
},
2.接收页面
onLoad: function (option) { //option为object类型,会序列化上个页面传递的参数
console.log(option.id);
//打印出上个页面传递的参数。传递的是id=1,则获取到的就是option.id
}
ps:传递json
var mynavData = JSON.stringify(that.navData); // 这里转换成 字符串
uni.navigateTo({
url:'./nav?index='+mynavData
})
onLoad(options) {
var data = JSON.parse(options.index); // 字符串转对象
console.log(data)
}
参考:https://blog.youkuaiyun.com/happy81997/article/details/108262668
本文介绍了如何在UniApp中创建文件,包括通过右键操作和手动添加pages.json路径。重点讲解了Vue组件间的跳转方法,如uni.navigateBack()、uni.navigateTo(),以及如何接收并处理从上一页面传递的参数。
4411

被折叠的 条评论
为什么被折叠?



