首页 > 编程知识 正文

微信小程序两种跳转页面的方法一样吗,微信小程序 页面跳转

时间:2023-05-03 16:03:26 阅读:266793 作者:951

步骤一:添加新页面


在小程序目录下的pages文件下新建文件下,命名为news


在app.json中添加新的页面"pages/news/news"


此时news文件夹下出现四个配置文件。

步骤二:跳转页面

方法一:navigator

在小程序首页,即index.wxml中
添加<navigator url="../news/news">跳转至新页面</navigator>


效果如上图所示,点击此文本段则跳转至新页面。

方法二:button

在小程序首页,即index.wxml中,添加 <button bindtap="aaa" size="mini" type="primary">跳转至新页面</button>,其中aaa为新定义的函数,size控制按钮大小。


在index.js中定义函数,跳转至新页面。

aaa(){ wx.navigateTo({ url: '../news/news', }) },


效果如图,点击按钮则跳转至新页面。

版权声明:该文观点仅代表作者本人。处理文章:请发送邮件至 三1五14八八95#扣扣.com 举报,一经查实,本站将立刻删除。