当前位置：首页 > 资讯 > 技术文档

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

时间：2022-07-12 15:09 编辑：来源：阅读：
扫一扫，手机访问

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

本文实例讲述了微信小程序实现点击文字页面跳转功能。分享给大家供大家参考，具体如下： [b]1、效果展示[/b] [img]http://files.jb51.net/file_images/article/201712/20171212105217611.gif?20171112105228[/img] [b]2、关键代码[/b] 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属性说明如下： [img]http://files.jb51.net/file_images/article/201712/20171212105339271.jpg?20171112105351[/img] [b]3、源代码[/b]点击此处[url=http://xiazai.jb51.net/201712/yuanma/wxapp_clickTextToJump(jb51.net).rar][b]本站下载[/b][/url]。关于navigator组建的详细说明还可参考官网：[url=https://mp.weixin.qq.com/debug/wxadoc/dev/component/navigator.html]https://mp.weixin.qq.com/debug/wxadoc/dev/component/navigator.html[/url] 希望本文所述对大家微信小程序开发有所帮助。

全部评论(0)

上一篇：微信小程序页面跳转如何实现传值
下一篇：微信小程序之页面跳转和参数传递的实现

资讯排行榜
更多>>