小程序点击按钮跳转新的页面

目前处于学习阶段,只是为了做笔记分享,还请大神多多指教
第一步:
首先要在app.json中的pages中创建想要跳转的文件夹,pages中第一个展示的路径就是小程序中的初始页面
在这里插入图片描述
建立完成以后就会看到两个文件夹
在这里插入图片描述
.js(js逻辑)
.json (json配置文件)
.wxml (页面内容)
.wxss (页面样式)
文件也会跟着一起建立出来

在login文件夹中写以下代码

在这里我是以login为初始页面

建立完成以后在.wxml中写一下内容

<view>
<button class="skip" type="primary" bindtap='go'>go</button>
</view>

在.wxss文件中给button一个上外边距

.skip {
    margin-top: 10px;
}

在.js文件中写一下内容

go: function() {
        wx.navigateTo({
            url:'/pages/status/status'
        })
    },

在这里插入图片描述

在login页面中写完以后就可以在status中写点内容方便测试
在这里插入图片描述
完成跳转,回去的方式和上边的思路一样,在这里就不详细说了
最后,欢迎大神多多指教,相互学习

Logo

为开发者提供学习成长、分享交流、生态实践、资源工具等服务,帮助开发者快速成长。

更多推荐