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


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 相关文章推荐
javascript引导程序
Oct 26 Javascript
Ext JS添加子组件的误区探讨
Jun 28 Javascript
js登录弹出层特效
Mar 07 Javascript
详解JavaScript对Date对象的操作问题(生成一个倒数7天的数组)
Oct 01 Javascript
简单理解vue中Props属性
Oct 27 Javascript
基于vue.js实现图片轮播效果
Dec 01 Javascript
jQuery实现加入收藏夹功能(主流浏览器兼职)
Dec 24 Javascript
js 监控iframe URL的变化实例代码
Jul 12 Javascript
vue cli构建的项目中请求代理与项目打包问题
Feb 26 Javascript
Node.js模块全局安装路径配置方法
May 17 Javascript
js实现黑白div块画空心的图形
Dec 13 Javascript
JavaScript创建表格的方法
Apr 13 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利用APC模块实现文件上传进度条的方法
2015/01/26 PHP
在Thinkphp中使用ajax实现无刷新分页的方法
2016/10/25 PHP
Laravel 解决composer相关操作提示php相关异常的问题
2019/10/23 PHP
用document.documentElement取代document.body的原因分析
2009/11/12 Javascript
Javascript中Event属性搜集整理
2013/09/17 Javascript
jQuery获取动态生成的元素示例
2014/06/15 Javascript
jquery的clone方法应用于textarea和select的bug修复
2014/06/26 Javascript
Javascript中设置默认参数值示例
2014/09/11 Javascript
Three.js学习之网格
2016/08/10 Javascript
JS获取本周周一,周末及获取任意时间的周一周末功能示例
2017/02/09 Javascript
ui-router中使用ocLazyLoad和resolve的具体方法
2017/10/18 Javascript
vue.js与后台数据交互的实例讲解
2018/08/08 Javascript
微信小程序使用gitee进行版本管理
2018/09/20 Javascript
jQuery 动画与停止动画效果实例详解
2020/05/19 jQuery
vue通过v-html指令渲染的富文本无法修改样式的解决方案
2020/05/20 Javascript
uni-app使用微信小程序云函数的步骤示例
2020/05/22 Javascript
[01:36]DOTA2完美大师赛趣味视频之与队友相处的十万个技巧
2017/11/19 DOTA
Python中使用Flask、MongoDB搭建简易图片服务器
2015/02/04 Python
使用Python编写一个简单的tic-tac-toe游戏的教程
2015/04/16 Python
python读取oracle函数返回值
2016/07/18 Python
Python实现随机生成有效手机号码及身份证功能示例
2017/06/05 Python
python一键去抖音视频水印工具
2018/09/14 Python
python实现二级登陆菜单及安装过程
2019/06/21 Python
Tensorflow实现神经网络拟合线性回归
2019/07/19 Python
python 并发编程 多路复用IO模型详解
2019/08/20 Python
python手写均值滤波
2020/02/19 Python
基于python 等频分箱qcut问题的解决
2020/03/03 Python
如何用 Python 制作 GitHub 消息助手
2021/02/20 Python
Staples美国官方网站:办公用品一站式采购
2016/07/28 全球购物
We Fashion荷兰:一家国际时装公司
2018/04/18 全球购物
前台接待岗位职责
2013/12/03 职场文书
人事主管岗位职责
2015/02/04 职场文书
2015年公司工作总结
2015/04/25 职场文书
基层党建工作简报
2015/07/21 职场文书
八年级作文之我的母亲
2019/12/10 职场文书
Python中常见的反爬机制及其破解方法总结
2021/06/10 Python