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

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

目录

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

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

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


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

  goto(e){
     const url=e.currentTarget.dataset.url;
     wx.navigateTo({
       url: url
     })
  },

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

<!-- 使用教程 -->
<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. 程序页面

    2024-03-22 06:54:06       63 阅读
  2. 程序外部程序

    2024-03-22 06:54:06       59 阅读
  3. 程序:实现按钮非tabbar页面

    2024-03-22 06:54:06       26 阅读
  4. 程序页面方法

    2024-03-22 06:54:06       62 阅读
  5. 程序页面

    2024-03-22 06:54:06       34 阅读
  6. 程序常见页面方式

    2024-03-22 06:54:06       36 阅读
  7. 程序如何网页

    2024-03-22 06:54:06       52 阅读

最近更新

  1. docker php8.1+nginx base 镜像 dockerfile 配置

    2024-03-22 06:54:06       94 阅读
  2. Could not load dynamic library ‘cudart64_100.dll‘

    2024-03-22 06:54:06       100 阅读
  3. 在Django里面运行非项目文件

    2024-03-22 06:54:06       82 阅读
  4. Python语言-面向对象

    2024-03-22 06:54:06       91 阅读

热门阅读

  1. 3.21Code

    2024-03-22 06:54:06       35 阅读
  2. 设计模式(十二):中介者模式(行为型模式)

    2024-03-22 06:54:06       48 阅读
  3. Spark面试整理-Spark与Hadoop的区别

    2024-03-22 06:54:06       47 阅读
  4. hive SQL 移位、运算符、REGEXP正则等常用函数

    2024-03-22 06:54:06       36 阅读
  5. STM32 bootload 跳转到 app 方法记录_裸机版

    2024-03-22 06:54:06       44 阅读
  6. ADO.NET封装个单例异步类类

    2024-03-22 06:54:06       47 阅读
  7. 【Jenkins】Spark on Yarn 部署脚本

    2024-03-22 06:54:06       39 阅读