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

相关推荐
源码哥_博纳软云1 分钟前
JAVA同城服务场馆门店预约系统支持H5小程序APP源码
java·开发语言·微信小程序·小程序·微信公众平台
禾高网络3 分钟前
租赁小程序成品|租赁系统搭建核心功能
java·人工智能·小程序
YUJIAN。1 小时前
使用uniapp开发微信小程序-框架搭建
微信小程序·小程序·uni-app
关你西红柿子3 小时前
小程序app封装公用顶部筛选区uv-drop-down
前端·javascript·vue.js·小程序·uv
V+zmm101343 小时前
基于小程序宿舍报修系统的设计与实现ssm+论文源码调试讲解
java·小程序·毕业设计·mvc·ssm
V+zmm1013410 小时前
基于微信小程序的乡村政务服务系统springboot+论文源码调试讲解
java·微信小程序·小程序·毕业设计·ssm
还这么多错误?!10 小时前
uniapp微信小程序,使用fastadmin完成一个一键获取微信手机号的功能
微信小程序·小程序·uni-app
_院长大人_10 小时前
微信小程序用户信息解密 AES/CBC/NoPadding 解密失败问题
微信小程序·小程序
web1350858863511 小时前
uniapp小程序使用webview 嵌套 vue 项目
vue.js·小程序·uni-app
guanpinkeji11 小时前
废品回收小程序:助力企业转型发展
小程序·小程序开发·小程序制作·回收·废品回收小程序·废品回收