微信小程序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、其它跳转方法简单说明

相关推荐
拖孩4 小时前
用 AI 重解千年观音灵签,做了一个微信小程序,每天摇一摇,命运给你回应
前端·后端·微信小程序
黄华SJ520it7 小时前
顶俏洗衣液模式制度开发介绍:S2B2C社交分销+多门店核销系统全解析
前端·数据库·小程序·零售·系统开发
北极糊的狐10 小时前
钉钉小程序报错data.formatTime is not a function是因为 axml 模板中不能直接调用 Page 内自定义方法!
java·小程序·钉钉
java1234_小锋10 小时前
【免费】微信小程序网约车(打车,在线叫车,移动出行)系统(SpringBoot4+Vue3) 锋哥原创出品,必属精品
微信小程序·网约车·在线叫车·移动出行
show4331 天前
多格式导出怎么做?2026免费小程序TXT/SRT实践
开发语言·小程序·c#
AI砖家1 天前
AI编程—微信小程序开发规范
微信小程序·小程序·notepad++·ai编程
show4332 天前
2026小程序端视频转文字技术对比:识别引擎精度实测
小程序·音视频
sam-zy2 天前
微信小程序+ESP8266+Arduino 开发智能插座,有本地OTA功能
微信小程序·小程序
A24207349302 天前
微信小程序开发:常用基础语法与指令详解
微信小程序·小程序·notepad++
黄华SJ520it2 天前
青蓝送水类型社交裂变小程序系统技术拆解
小程序·系统开发