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


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中关于indexOf的使用方法与问题小结
Aug 05 Javascript
『jQuery』名称冲突使用noConflict方法解决
Apr 22 Javascript
JS对HTML标签select的获取、添加、删除操作
Oct 17 Javascript
JavaScript动态添加style节点的方法
Jun 09 Javascript
jQuery+HTML5美女瀑布流布局实现方法
Sep 21 Javascript
JavaScript前端开发之实现二进制读写操作
Nov 04 Javascript
jQuery拖拽通过八个点改变div大小
Nov 29 Javascript
基于node.js制作简单爬虫教程
Jun 29 Javascript
JS实现移动端整屏滑动的实例代码
Nov 10 Javascript
js实现延迟加载的几种方法详解
Jan 19 Javascript
Node.js API详解之 dgram模块用法实例分析
Jun 05 Javascript
React如何使用axios请求数据并把数据渲染到组件
Aug 05 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自定义函数call_user_func和call_user_func_array详解
2011/07/14 PHP
兼容各大浏览器带关闭按钮的漂浮多组图片广告代码
2014/06/05 PHP
php输入数据统一类实例
2015/02/23 PHP
PHP中strncmp()函数比较两个字符串前2个字符是否相等的方法
2016/01/07 PHP
php实现websocket实时消息推送
2018/03/30 PHP
thinkphp框架实现路由重定义简化url访问地址的方法分析
2020/04/04 PHP
jQuery之尺寸调整组件的深入解析
2013/06/19 Javascript
jquery如何获取复选框的值
2013/12/12 Javascript
JS实现的5级联动Select下拉选择框实例
2015/08/17 Javascript
js+flash实现的5图变换效果广告代码(附演示与demo源码下载)
2016/04/01 Javascript
JavaScript排序算法动画演示效果的实现方法
2016/10/18 Javascript
jQuery中页面返回顶部的方法总结
2016/12/30 Javascript
利用JavaScript如何查询某个值是否数组内
2017/07/30 Javascript
67 个节约开发时间的前端开发者的工具、库和资源
2017/09/12 Javascript
详解jQuery中的getAll()和cleanData()
2019/04/15 jQuery
Elementui表格组件+sortablejs实现行拖拽排序的示例代码
2019/08/28 Javascript
javascript实现异形滚动轮播
2019/11/28 Javascript
[01:52]2020年DOTA2 TI10夏季活动预告片
2020/07/15 DOTA
python输出当前目录下index.html文件路径的方法
2015/04/28 Python
你应该知道的python列表去重方法
2017/01/17 Python
详解Python异常处理中的Finally else的功能
2017/12/29 Python
Python DataFrame设置/更改列表字段/元素类型的方法
2018/06/09 Python
Python 多线程其他属性以及继承Thread类详解
2019/08/28 Python
利用PyQt中的QThread类实现多线程
2020/02/18 Python
Python matplotlib可视化实例解析
2020/06/01 Python
选购国际女性时装设计师品牌:IFCHIC(支持中文)
2018/04/12 全球购物
口腔工艺技术专业毕业生自荐信
2013/09/27 职场文书
项目专员岗位职责
2013/12/04 职场文书
优秀信贷员先进事迹
2014/01/31 职场文书
测试工程师职业规划书
2014/02/06 职场文书
初中作文评语大全
2014/04/23 职场文书
竞选部长演讲稿
2014/04/26 职场文书
青安岗事迹材料
2014/05/14 职场文书
2019年教师入党申请书
2019/06/27 职场文书
python not运算符的实例用法
2021/06/30 Python
Python中的turtle画箭头,矩形,五角星
2022/03/16 Python