如何使用微信小程序中的按钮事件实现界面跳转

在微信小程序开发过程,除了使用navigator组件链接界面,还可以使用按钮的点击事件控制界面跳转,可以直接调用微信小程序中的接口navigateTo。下面利用实例说明如何使用按钮事件控制界面跳转,操作如下:

操作方法

  • 01

    第一步,打开微信小程序开发工具,新建一个wxml文件,并在文件插入<view></view>和<button>,如下图所示:

  • 02

    第二步,接着在按钮button元素添加bindtap事件jumpPage,如下图所示:

  • 03

    第三步,在对应的界面的JavaScript文件中,添加点击事件函数,如下图所示:

  • 04

    第四步,设置完毕之后,在微信小程序开发工具模拟器查看效果,如下图所示:

  • 05

    第五步,接着在另外一个wxml插入一个view和button,作为跳转的目标界面,如下图所示:

  • 06

    第六步,保存代码之后,点击跳转按钮,然后查看对应的效果,如下图所示:

(0)

相关推荐

  • 微信小程序中怎么免费观看没有广告的优酷视频

    今天,小编给大家介绍微信小程序中免费观看没有广告的优酷视频的方法,希望对大家有所帮助.具体如下:1.首先,请大家在自己的手机中找到[微信]图标,点击进入主界面,然后下拉界面,接着点击[小程序]页面中的 ...

  • 如何保存微信小程序中的视频

    在微信小程序中看到喜欢的视频,想要保存下来,该怎么操作呢?有录屏功能的话,直接选择使用录屏将视频录制下来即可,如果没有,则可以选择使用第三方录屏软件来进行操作.1. 首先我们打开手机的应用商店,搜索[ ...

  • 在微信小程序中如何制作猫眼电影?

    有用户喜欢看电影有喜欢玩微信小程序,今天小编就给大家带来了在微信小程序中制作猫眼电影的详细步骤,感兴趣的小伙伴就赶紧和小编一起来看看吧. 正文 废话不多说,先上效果图 效果图 本demo完成共耗费近两 ...

  • 怎样在微信小程序中进行消费者投诉

    随着社会经济的发展,我们不仅可以打电话给12315投诉中心进行投诉,还可以通过微信的小程序进行投诉,那么小编就为大家介绍一下如何在微信小程序中进行消费者投诉.具体如下:1. 第一步,打开微信,点击屏幕 ...

  • 如何在虎牙直播微信小程序中反馈出现的问题

    手机版微信软件被很多人使用,用来聊天,支付等,有的用户在使用该软件时,会看虎牙直播微信小程序中的直播,遇到了一些问题,因此想要反馈出现的问题,但是却不知道如何反馈,那么小编就来为大家介绍一下吧.具体如 ...

  • 微信小程序中的浮窗怎么设置开启

    我们在使用微信小程序的时候,想要看聊天消息,还得退出小程序,然后再查看消息,比较不方便,如果设置了小程序浮窗就可以很方便的查看消息了,今天就跟大家介绍一下微信小程序中的浮窗怎么设置开启的具体操作步骤. ...

  • 电脑版微信小程序中的腾讯会议办公软件怎么打开

    我们在电脑上会使用各种办公软件,其实在微信中也有很多办公软件可以使用,今天就跟大家介绍一下电脑版微信小程序中的腾讯会议办公软件怎么打开的具体操作步骤.1. 首先打开电脑,找到桌面上的微信APP,双击打 ...

  • 微信小程序中的游戏怎么禁止

    我们如果想要禁止微信小程序中的游戏,其实只要将发现页中的小程序关闭即可,一起来看看吧.1. 首先打开手机上的微信APP,进入主页面后,点击右下角的我选项.2. 在打开的我的页面,找到下方的设置选项,打 ...

  • 如何使用微信小程序中的text组件

    今天给大家介绍一下如何使用微信小程序中的text组件的具体操作步骤.1. 我们需要借助微信开发者工具进行操作,所以在电脑上打开.2. 进入主页面后,点击左侧的项目文件目录下的wxml文件.3. 如图, ...