动态资讯

微信小程序内部跳转链接配置的方法

发布日期:2025-03-13 点击量:

【微信小程序内部跳转配置的步骤:】
01. 如在page目录下新建test目录,包括test.wxml,test.js, test.wxss
001.  test.js中必须配置,如下

Page(

{}

)

002. test.wxml随意写入以下标签,如下:

< view  >
< text>跳转成功 < /text>
< /view>


02. 在app.json里加入跳转页面的目录如下:

 "pages/test/test",


03. 在想要跳转的页面进行以下配置,如下:

001. 比如在首页index.wxml文件加入跳转的html代码

< view class='motto' bindtap='tapMotto' >
< text class='motto-text'>跳转测试 < /text>
< /view>

002. 在首页index.js文件加入js跳转函数
tapMotto: function(){
wx.navigateTo({
url: '../test/test', //注意这里的路劲层次
}) // 有返回按钮
// wx.redirectTo({
//   url: '../test/test',
// })  
},

配置好即可跳转,仅供参考!


首页
服务
小程序
电话