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


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学习笔记1 数据类型
Jan 11 Javascript
使用Jquery搭建最佳用户体验的登录页面之记住密码自动登录功能(含后台代码)
Jul 10 Javascript
extjs 初始化checkboxgroup值的代码
Sep 21 Javascript
js获取页面传来参数的方法
Sep 06 Javascript
JS异步文件上传(兼容IE8+)
Apr 02 Javascript
Vue原理剖析 实现双向绑定MVVM
May 03 Javascript
详解javascript中的变量提升和函数提升
May 24 Javascript
webpack4 从零学习常用配置(小结)
May 28 Javascript
JavaScript Canvas编写炫彩的网页时钟
Oct 16 Javascript
jQuery实现全选、反选和不选功能的方法详解
Dec 04 jQuery
使用Vue+Django+Ant Design做一个留言评论模块的示例代码
Jun 01 Javascript
Vue实现购物车基本功能
Nov 08 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 中文和编码判断代码
2010/05/16 PHP
php expects parameter 1 to be resource, array given 错误
2011/03/23 PHP
CI框架源码阅读,系统常量文件constants.php的配置
2013/02/28 PHP
Smarty局部缓存的几种方法简介
2014/06/17 PHP
thinkphp判断访客为手机端或PC端的方法
2014/11/24 PHP
php5.3后静态绑定用法详解
2016/11/11 PHP
解决Laravel5.x的php artisan migrate数据库迁移创建操作报错SQLSTATE[42000]
2020/04/06 PHP
Javascript 读后台cookie代码
2008/09/15 Javascript
JavaScript.The.Good.Parts阅读笔记(二)作用域&amp;闭包&amp;减缓全局空间污染
2010/11/16 Javascript
javascript对中文按照拼音排序代码
2014/08/20 Javascript
jQuery中width()方法用法实例
2014/12/24 Javascript
js对字符的验证方法汇总
2015/02/04 Javascript
jQuery拖拽插件gridster使用指南
2015/04/21 Javascript
利用Javascript实现BMI计算器
2016/08/16 Javascript
JS+html5制作简单音乐播放器
2020/09/13 Javascript
jQuery 循环遍历改变a标签的href(实例讲解)
2017/07/12 jQuery
nodejs中sleep功能实现暂停几秒的方法
2017/07/12 NodeJs
详解微信小程序中的页面代码中的模板的封装
2017/10/12 Javascript
angularjs中判断ng-repeat是否迭代完的实例
2018/09/12 Javascript
jQuery属性选择器用法实例分析
2019/06/28 jQuery
vant-ui框架的一个bug(解决切换后onload不触发)
2020/11/11 Javascript
利用信号如何监控Django模型对象字段值的变化详解
2017/11/27 Python
用Python删除本地目录下某一时间点之前创建的所有文件的实例
2017/12/14 Python
tensorflow 1.0用CNN进行图像分类
2018/04/15 Python
详解python模块pychartdir安装及导入问题
2020/10/22 Python
HTML5实现WebSocket协议原理浅析
2014/07/07 HTML / CSS
Web时代变迁及html5与html4的区别
2016/01/06 HTML / CSS
迟到检讨书500字
2014/02/05 职场文书
三分钟英语演讲稿
2014/04/24 职场文书
高效课堂标语
2014/06/26 职场文书
社保委托书怎么写
2014/08/02 职场文书
企业法人授权委托书范本
2014/09/23 职场文书
2014年维修电工工作总结
2014/11/20 职场文书
机关干部正风肃纪心得体会
2016/01/15 职场文书
高一作文之暖冬
2019/11/09 职场文书
Elasticsearch Recovery 详细介绍
2022/04/19 Java/Android