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


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 相关文章推荐
Js 获取当前日期时间及其它操作实现代码
Mar 04 Javascript
悬浮数字的实现案例
Feb 19 Javascript
javascript中Number对象的toString()方法分析
Dec 20 Javascript
jQuery使用post方法提交数据实例
Mar 25 Javascript
jQuery焦点图轮播插件KinSlideshow用法分析
Jun 08 Javascript
微信小程序实现多个按钮toggle功能的实例
Jun 13 Javascript
解决VUEX刷新的时候出现数据消失
Jul 03 Javascript
通过命令行创建vue项目的方法
Jul 20 Javascript
jQuery实现碰到边缘反弹的动画效果
Feb 24 jQuery
微信小程序分享功能onShareAppMessage(options)用法分析
Apr 24 Javascript
关于Vue源码vm.$watch()内部原理详解
Apr 26 Javascript
Angular 2使用路由自定义弹出组件toast操作示例
May 10 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/10/22 PHP
为你总结一些php系统类函数
2015/10/21 PHP
Symfony2中被遗弃的getRequest()方法分析
2016/03/17 PHP
laravel中数据显示方法(默认值和下拉option默认选中)
2019/10/11 PHP
ext 代码生成器
2009/08/07 Javascript
Tinymce+jQuery.Validation使用产生的BUG
2010/03/29 Javascript
IE和Firefox的Javascript兼容性总结[推荐收藏]
2011/10/19 Javascript
基于jquery &amp; json的省市区联动代码
2012/06/26 Javascript
jQuery 全选/反选以及单击行改变背景色实例
2013/07/02 Javascript
jQuery无刷新切换主题皮肤实例讲解
2015/10/21 Javascript
JS实现简单的右下角弹出提示窗口完整实例
2016/06/21 Javascript
JS+CSS3实现超炫的散列画廊特效
2016/07/16 Javascript
常用的js验证和数据处理总结
2016/08/02 Javascript
AngularJS监听路由变化的方法
2017/03/07 Javascript
js模拟百度模糊搜索的实例
2017/08/04 Javascript
JS实现按钮添加背景音乐示例代码
2017/10/17 Javascript
对vue中v-on绑定自定事件的实例讲解
2018/09/06 Javascript
layDate插件设置开始和结束时间
2018/11/15 Javascript
解决JQuery的ajax函数执行失败alert函数弹框一闪而过问题
2019/04/10 jQuery
python发布模块的步骤分享
2014/02/21 Python
Python 列表理解及使用方法
2017/10/27 Python
Python面向对象程序设计示例小结
2019/01/30 Python
Python 实现文件打包、上传与校验的方法
2019/02/13 Python
python3获取url文件大小示例代码
2019/09/18 Python
python 实现字符串下标的输出功能
2020/02/13 Python
python 中关于pycharm选择运行环境的问题
2020/10/31 Python
python切割图片的示例
2020/11/12 Python
HTML5 weui使用笔记
2019/11/21 HTML / CSS
Linux管理员面试题 Linux admin interview questions
2016/07/08 面试题
转让协议书范本
2014/04/15 职场文书
办公室主任岗位职责范本
2015/03/31 职场文书
放假通知怎么写
2015/08/18 职场文书
导游词之阆中古城
2019/12/23 职场文书
JS代码编译器Monaco使用方法
2021/06/11 Javascript
vite+vue3.0+ts+element-plus快速搭建项目的实现
2021/06/24 Vue.js
Java实现简单小画板
2022/06/10 Java/Android