微信小程序button动态跳转到页面

微信小程序中如何动态的跳转到某个页面。

目录

1、首先在js文件中定义事件函数

2、在页面中进行传参调用

3、其它跳转方法简单说明


1、首先在js文件中定义事件函数

javascript 复制代码
  goto(e){
     const url=e.currentTarget.dataset.url;
     wx.navigateTo({
       url: url
     })
  },

2、在页面中进行传参调用

html 复制代码
<!-- 使用教程 -->
<view class="end">
  <button bind:tap="goto" class="row" data-url="/pages/tutorial/tutorial" style="width: 100%;">
    <view class="left">
      <image src="/images/icon/jc.svg" mode="aspectFill" />
      <text class="text">使用教程</text>
    </view>
    <view class="right"></view>
  </button>
</view>

3、其它跳转方法简单说明

相关推荐
说私域8 小时前
开源AI智能名片链动2+1模式S2B2C商城小程序FAQ设计及其意义探究
人工智能·小程序
小小王app小程序开发8 小时前
短剧小程序 2025 核心痛点分析:内容、技术与合规的三重困境
小程序
fthux10 小时前
孩子的名字有救了
微信小程序·typescript·ai编程
276695829211 小时前
朴朴超市小程序分析
java·python·小程序·node·sign·朴朴超市·sign-v2
低代码布道师11 小时前
医疗小程序04添加就诊人
低代码·小程序
Best11 小时前
uniapp 微信小程序记录
微信小程序·小程序·uni-app
蒲公英源码14 小时前
基于PHP+Vue+小程序快递比价寄件系统
vue.js·小程序·php
小小王app小程序开发14 小时前
盲盒小程序一番赏创新玩法拓展:构建社交化集藏新生态
小程序
韩立学长16 小时前
【开题答辩实录分享】以《奇妙英语角小程序的设计与实现》为例进行答辩实录分享
小程序·php
wx_ywyy679817 小时前
小程序定制开发实战:需求拆解、UI 设计与个性化功能落地流程
小程序·小程序开发·小程序制作·小程序搭建·小程序设计·小程序定制开发·小程序开发搭建