uni-app简单应用和页面跳转

uni-app简单应用和页面跳转

上篇写的HBuilderX 的安装和使用 https://blog.csdn.net/YaoChiZaoFan/article/details/106538651
这一篇写一下uni-app 项目简单应用页面跳转等

首先新建uni-app项目
在这里插入图片描述
在这里插入图片描述

在pages下新建目录list----list.vue 再新建文件夹message-------message.vue
在pages.json文件注册页面 每次页面都需要在pages.json中注册
在这里插入图片描述
给页面设置导航栏 将list页放在第一个注册 在这里插入图片描述

在list页面写一个button 通过uni.navigateTo方法跳转到index页面 页面跳转有好多种方法
view标签 最外面只能一个 url后面能?传参 在这里插入图片描述

最后在浏览器运行 f12调试 效果
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述

uniapp官方文档:https://uniapp.dcloud.io/
uniapp组件文档:https://uniapp.dcloud.io/component/README
uniapp API文档:https://uniapp.dcloud.io/api/README

小白编写 不喜勿喷 有用点赞 欢迎纠错
博客:https://blog.csdn.net/YaoChiZaoFan

相关推荐
©️2020 CSDN 皮肤主题: 1024 设计师:白松林 返回首页