微信小程序实现点击文字页面跳转功能【附源码下载】


Posted in Javascript onDecember 12, 2017

本文实例讲述了微信小程序实现点击文字页面跳转功能。分享给大家供大家参考,具体如下:

1、效果展示

微信小程序实现点击文字页面跳转功能【附源码下载】

2、关键代码

index.js文件

Page({
 data:{
  // text:"这是一个页面"
 },
 onLoad:function(options){
  // 页面初始化 options为页面跳转所带来的参数
 },
 onReady:function(){
  // 页面渲染完成
 },
 onShow:function(){
  // 页面显示
 },
 onHide:function(){
  // 页面隐藏
 },
 onUnload:function(){
  // 页面关闭
 }
})

index.wxml文件

<navigator url="../../pages/logs/logs">
 <view>点击我跳转到下一个页面</view>
</navigator>

navigator属性说明如下:

微信小程序实现点击文字页面跳转功能【附源码下载】

3、源代码点击此处本站下载

关于navigator组建的详细说明还可参考官网:https://mp.weixin.qq.com/debug/wxadoc/dev/component/navigator.html

希望本文所述对大家微信小程序开发有所帮助。

Javascript 相关文章推荐
jquery 最简单易用的表单验证插件
Feb 27 Javascript
jquery选择器排除某个DOM元素的方法(实例演示)
Apr 25 Javascript
jQuery+ajax实现鼠标单击修改内容的方法
Jun 27 Javascript
Zero Clipboard实现浏览器复制到剪贴板的方法(多个复制按钮)
Mar 24 Javascript
jQuery事件对象总结
Oct 17 Javascript
微信小程序下拉刷新界面的实现
Sep 28 Javascript
Javascript读写cookie的实例源码
Mar 16 Javascript
layui table复选框禁止某几条勾选的实例
Sep 20 Javascript
Vue.js中provide/inject实现响应式数据更新的方法示例
Oct 16 Javascript
vue各种事件监听实例(小结)
Jun 24 Javascript
详细分析Node.js 模块系统
Jun 28 Javascript
小程序自动化测试的示例代码
Aug 11 Javascript
javascript实现循环广告条效果
Dec 12 #Javascript
微信小程使用swiper组件实现图片轮播切换显示功能【附源码下载】
Dec 12 #Javascript
vue2.0 常用的 UI 库实例讲解
Dec 12 #Javascript
C#实现将一个字符转换为整数
Dec 12 #Javascript
vue2.0 和 animate.css的结合使用
Dec 12 #Javascript
实例分析JS与Node.js中的事件循环
Dec 12 #Javascript
Vue2.0学习之详解Vue 组件及父子组件通信
Dec 12 #Javascript
You might like
允许phpmyadmin空密码登录的配置方法
2011/05/29 PHP
PHP中去除换行解决办法小结(PHP_EOL)
2011/11/27 PHP
图片自动更新(说明)
2006/10/02 Javascript
学习js所必须要知道的一些
2007/03/07 Javascript
top.location.href 没有权限 解决方法
2008/08/05 Javascript
jQuery拖拽 &amp; 弹出层 介绍与示例
2013/12/27 Javascript
运用JQuery的toggle实现网页加载完成自动弹窗
2014/03/18 Javascript
jquery移动点击的项目到列表最顶端的方法
2015/06/24 Javascript
jQuery siblings()用法实例详解
2016/04/26 Javascript
利用JS实现简单的日期选择插件
2017/01/23 Javascript
JS中cookie的使用及缺点讲解
2017/05/13 Javascript
详解KOA2如何手写中间件(装饰器模式)
2018/10/11 Javascript
详解在IDEA中将Echarts引入web两种方式(使用js文件和maven的依赖导入)
2020/07/11 Javascript
[05:00]第二届DOTA2亚洲邀请赛主赛事第三天比赛集锦.mp4
2017/04/04 DOTA
在Python中用has_key()方法查找键是否存在的教程
2015/05/21 Python
简单介绍Python中的几种数据类型
2016/01/02 Python
举例讲解Python中的list列表数据结构用法
2016/03/12 Python
Python的Flask框架标配模板引擎Jinja2的使用教程
2016/07/12 Python
python opencv之SURF算法示例
2018/02/24 Python
python traceback捕获并打印异常的方法
2018/08/31 Python
PyQt编程之如何在屏幕中央显示窗体的实例
2019/06/18 Python
pyqt5 lineEdit设置密码隐藏,删除lineEdit已输入的内容等属性方法
2019/06/24 Python
在pytorch中为Module和Tensor指定GPU的例子
2019/08/19 Python
PythonPC客户端自动化实现原理(pywinauto)
2020/05/28 Python
python Gabor滤波器讲解
2020/10/26 Python
selenium与xpath之获取指定位置的元素的实现
2021/01/26 Python
python实现图片转字符画的完整代码
2021/02/21 Python
html5 Canvas画图教程(1)—画图的基本常识
2013/01/09 HTML / CSS
运动会广播稿200米
2014/01/27 职场文书
团日活动总结
2014/04/28 职场文书
市场营销专业毕业生求职信
2014/07/21 职场文书
中国梦演讲稿3分钟
2014/08/19 职场文书
在职人员跳槽求职信
2015/03/20 职场文书
材料采购员岗位职责
2015/04/03 职场文书
周一早安温馨问候祝福语!
2019/07/15 职场文书
导游词之杭州西湖
2019/09/19 职场文书