微信小程序两种跳转页面的方法

tech2022-08-04  141

步骤一:添加新页面

在小程序目录下的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', }) },

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

最新回复(0)