支付宝小程序中页面的创建和路由跳转学习
第一步:
新建一个支付宝项目 名字为 zfb-demo
第二步:
在 page 文件夹 上 鼠标右键,选择 新建小程序页面 命名 my
这个一个 my 的文件夹创建好了,编辑器自动帮你创建好 my.acss 、my.axml、 my.js、 my.json 这四个文件
并且在 app.js 文件帮你配好路由
第三步:
支付宝路由跳转
<1> a标签跳转
在html标签内使用navigator跳转,使用方式如下:
<navigator url="../my/my" hover-class="navigator-hover">点击跳转到新页面</navigator>
<2> 编程式导航-JS代码内部跳转
在 pages\index\index.axml 文件中 写入button 按钮
<button type="primary" onTap="change">跳转到my</button>
在 pages\index\index.js 文件中 写 change() 点击事件
change() {
// 事件处理
console.log('我是点击事件')
my.navigateTo({ url: '../my/my' })
}