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


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 相关文章推荐
Gird事件机制初级读本
Mar 10 Javascript
js css后面所带参数含义介绍
Aug 18 Javascript
使用js判断当前时区TimeZone是否是夏令时
Feb 23 Javascript
JS使用getComputedStyle()方法获取CSS属性值
Apr 23 Javascript
深入探讨JavaScript、JQuery屏蔽网页鼠标右键菜单及禁止选择复制
Jun 10 Javascript
JavaScript如何实现在文本框(密码框)输入提示语
Dec 25 Javascript
JS正则表达式修饰符global(/g)用法分析
Dec 27 Javascript
Node.js数据库操作之连接MySQL数据库(一)
Mar 04 Javascript
php register_shutdown_function函数详解
Jul 23 Javascript
JavaScript实现带有子菜单和控件的slider轮播图效果
Nov 01 Javascript
vue多页面开发和打包正确处理方法
Apr 20 Javascript
vue生成token并保存到本地存储中
Jul 17 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/09 PHP
允许phpmyadmin空密码登录的配置方法
2011/05/29 PHP
PHP代码实现表单数据验证类
2015/07/28 PHP
几行代码轻松实现PHP文件打包下载zip
2017/03/01 PHP
PHP实现模拟http请求的方法分析
2017/12/20 PHP
在PHP中实现使用Guzzle执行POST和GET请求
2019/10/15 PHP
jquery插件推荐 jquery.cookie
2014/11/09 Javascript
javascript 事件处理示例分享
2014/12/31 Javascript
探讨JavaScript标签位置的存放与功能有无关系
2016/01/15 Javascript
创建基于Bootstrap的下拉菜单的DropDownList的JQuery插件
2016/06/02 Javascript
移动端js图片查看器
2016/11/17 Javascript
jQuery插件FusionCharts绘制ScrollColumn2D图效果示例【附demo源码下载】
2017/03/22 jQuery
Node.js设置CORS跨域请求中多域名白名单的方法
2017/03/28 Javascript
实例详解JSON取值(key是中文或者数字)方式
2017/08/24 Javascript
js for终止循环 跳出多层循环
2018/10/04 Javascript
JavaScript之实现一个简单的Vue示例
2019/01/17 Javascript
JavaScript中的事件与异常捕获详析
2019/02/24 Javascript
vue基础之事件v-onclick=&quot;函数&quot;用法示例
2019/03/11 Javascript
ES6对象操作实例详解
2020/05/23 Javascript
[05:17]DOTA2睡衣妹卖萌求签名 CJ第二天全明星影像
2013/07/28 DOTA
python orm 框架中sqlalchemy用法实例详解
2020/02/02 Python
简单了解python调用其他脚本方法实例
2020/03/26 Python
html5 分层屏幕适配的方法
2018/03/16 HTML / CSS
广州一家公司的.NET面试题
2016/06/11 面试题
公司活动邀请函
2014/01/24 职场文书
四查四看剖析材料
2014/02/14 职场文书
土建专业大学生自荐信范文
2014/04/09 职场文书
城市规划应届毕业生自荐信
2014/07/04 职场文书
干部作风整顿个人剖析材料
2014/10/06 职场文书
委托书格式要求
2015/01/28 职场文书
工程部主管岗位职责
2015/02/12 职场文书
辞职信的写法
2015/02/27 职场文书
学生会自荐信
2019/05/16 职场文书
公文写作指导之倡议书!
2019/07/03 职场文书
演讲稿之开卷有益
2019/08/07 职场文书
七年级作文之我的梦想
2019/10/16 职场文书