点击跳转到另一个页面

最新推荐文章于 2024-06-28 10:17:09 发布

wyh_www

最新推荐文章于 2024-06-28 10:17:09 发布

阅读量1.7k

点赞数

分类专栏：单个项目代码文章标签：小程序跳转

本文链接：https://blog.csdn.net/WYH1205/article/details/97896226

版权

本文介绍了在小程序中实现点击事件跳转到另一个页面的方法，包括在Navs.wxml和Train.wxml文件中的操作，以及在app.json中注册跳转路径的必要性。

摘要由CSDN通过智能技术生成

当点击时跳转到另一个页面
Train这个文件创建的是page，不是创建的component
当我点击这个文本时跳转到下边这个页面
文件名：Navs.wxml 在这里插入图片描述

文件名：Train.wxml 在这里插入图片描述

在Navs.wxml文件

<text bindtap="click">pages/index1/Navs/Navs.wxml</text>

在Navs.js文件

methods: {
    click(){
      console.log("点击了")
      wx.navigateTo({
        url:"/pages/index1/Navs/Train/Train"   //点击跳转到体育培训页面
      })
    }
  }

这个跳转的路径必须在app.json中注册一下
app,json

"pages": [
    "pages/index/index",
    "pages/index1/index1",
    "pages/release/release",
    "pages/shopping/shopping",
    "pages/crowd-funding/crowd-funding",
    "pages/mine/mine",
    **"pages/index1/Navs/Train/Train"**
  ],