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

更新时间：2017年12月12日 10:37:16 作者：FutrueJet

这篇文章主要介绍了微信小程序实现点击文字页面跳转功能,涉及navigator导航组件的简单使用技巧,并附带源码供读者下载参考,需要的朋友可以参考下

本文实例讲述了微信小程序实现点击文字页面跳转功能。分享给大家供大家参考，具体如下：

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

希望本文所述对大家微信小程序开发有所帮助。

您可能感兴趣的文章:

使用命令对象代替switch语句的写法示例
这篇文章主要介绍了使用命令对象代替switch语句的写法示例,JS规范里面是禁止使用switch语句的,使用命令对象可以完美的解决这个问题,需要的朋友可以参考下
2015-02-02
原生JS实现天气预报
这篇文章主要为大家详细介绍了原生JS实现天气预报，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下
2020-06-06
JavaScript实现鼠标悬浮页面切换效果
这篇文章主要为大家详细介绍了JavaScript实现鼠标悬浮页面切换效果，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下
2022-03-03
js数据类型以及其判断方法实例
这篇文章主要给大家介绍了关于js数据类型以及其判断方法的相关资料，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧
2021-03-03
SyntaxHighlighter代码加色使用方法
原名：SyntaxHighlighter，是一款用于web页面的代码着色工具，可以用来着色多种语言，可以是HTML,CSS,Javascript,还可以是C,JAVA等编程语言。最早见于Yahoo的YUI，当时还属于自由软件，最近打开官方网站发现已被goolge收编。
2008-09-09
JavaScript逆向分析instagram登入过程
这篇文章主要介绍了JavaScript逆向分析instagram登入过程,本文给大家介绍的非常详细，对大家的学习或工作具有一定的参考借鉴价值，需要的朋友可以参考下
2022-07-07
tangram.js库实现js类的方式实例分析
这篇文章主要介绍了tangram.js库实现js类的方式,结合实例形式分析了tangram.js库实现类的创建、继承等相关操作技巧,需要的朋友可以参考下
2018-01-01
js 刷新页面的代码小结推荐
这里介绍的是网上比较流行的刷新页面的代码，整理的相对比较全了，这些知识都是前后台结合过程中，经常用的到的。
2010-04-04
JavaScript实现自动弹出窗口并自动关闭窗口的方法
这篇文章主要介绍了JavaScript实现自动弹出窗口并自动关闭窗口的方法,可实现从页面左侧弹出窗口5秒后窗口向右移动并消失的效果,涉及javascript针对页面窗口及样式的定义操作技巧,需要的朋友可以参考下
2015-08-08
基于jsTree的无限级树JSON数据的转换代码
基于jsTree的无限级树JSON数据的转换代码,需要的朋友可以参考下。
2010-07-07