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


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 相关文章推荐
删除重复数据的算法
Nov 23 Javascript
jquery的Tooltip插件 qtip使用详细说明
Sep 08 Javascript
jQuery fadeTo方法调整图片的透明度使用介绍
May 06 Javascript
jquery实现文字由下到上循环滚动的实例代码
Aug 09 Javascript
jtable列中自定义button示例代码
Nov 21 Javascript
JavaScript实现删除,移动和复制文件的方法
Aug 05 Javascript
Angular.js实现多个checkbox只能选择一个的方法示例
Feb 24 Javascript
Vue2.0实现将页面中表格数据导出excel的实例
Aug 09 Javascript
详解ESLint在Vue中的使用小结
Oct 15 Javascript
vue项目刷新当前页面的三种方法
Dec 04 Javascript
基于vue.js实现分页查询功能
Dec 29 Javascript
vue使用localStorage保存登录信息 适用于移动端、PC端
May 27 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
PHP实现把文本中的URL转换为链接的auolink()函数分享
2014/07/29 PHP
PHP实现微信发红包程序
2015/08/24 PHP
针对PHP开发安全问题的相关总结
2019/03/22 PHP
gearman管理工具GearmanManager的安装与php使用方法示例
2020/02/27 PHP
QQ邮箱的一个文本编辑器代码
2007/03/14 Javascript
ExtJS 2.0实用简明教程 之Border区域布局
2009/04/29 Javascript
把jQuery的类、插件封装成seajs的模块的方法
2014/03/12 Javascript
谈谈Jquery ajax中success和complete有哪些不同点
2015/11/20 Javascript
javascript对象的相关操作小结
2016/05/16 Javascript
JS中的数组方法笔记整理
2016/07/26 Javascript
基于jQuery实现表格的查看修改删除
2016/08/01 Javascript
基于Three.js插件制作360度全景图
2016/11/29 Javascript
JavaScript正则获取地址栏中参数的方法
2017/03/02 Javascript
JS完成画圆圈的小球
2017/03/07 Javascript
GOJS+VUE实现流程图效果
2018/12/01 Javascript
Vue 401配合Vuex防止多次弹框的案例
2020/11/11 Javascript
[54:53]完美世界DOTA2联赛PWL S2 GXR vs PXG 第二场 11.18
2020/11/18 DOTA
[29:16]完美世界DOTA2联赛决赛日 Inki vs LBZS 第三场 11.08
2020/11/10 DOTA
python基础教程之lambda表达式使用方法
2014/02/12 Python
python人民币小写转大写辅助工具
2018/06/20 Python
python中计算一个列表中连续相同的元素个数方法
2018/06/29 Python
使用python实现离散时间傅里叶变换的方法
2019/09/02 Python
PyCharm使用之配置SSH Interpreter的方法步骤
2019/12/26 Python
最新2019Pycharm安装教程 亲测
2020/02/28 Python
keras做CNN的训练误差loss的下降操作
2020/06/22 Python
html5跳转小程序wx-open-launch-weapp踩坑
2020/12/02 HTML / CSS
荷兰在线钓鱼商店:Raven
2019/06/26 全球购物
什么是动态端口(Dynamic Ports)?动态端口的范围是多少?
2014/12/12 面试题
信息技术专业大学生职业生涯规划书
2014/01/24 职场文书
五星级酒店餐饮部总监的标准岗位职责
2014/02/17 职场文书
企业精神口号
2014/06/11 职场文书
客户答谢会致辞
2015/01/20 职场文书
校长师德表现自我评价
2015/03/05 职场文书
教你用Java在个人电脑上实现微信扫码支付
2021/06/13 Java/Android
k8s部署redis cluster集群的实现
2021/06/24 Redis
AJAX实现指定部分页面刷新效果
2021/10/16 Javascript