微信小程序点击文字跳转页面的方法 微信小程序怎么点击跳转页面

文章摘要：微信小程序点击文字跳转页面的方法 微信小程序怎么点击跳转页面

微信小程序点击文字跳转页面的方法：1.创建微信小程序项目；2.使用navigator属性，在wxml文件中添加 […]

微信小程序点击文字跳转页面的方法：1.创建微信小程序项目；2.使用navigator属性，在wxml文件中添加一段文字；3.在js文件文件中为文字添加跳转代码并保存；4.将编辑的代码进行调试验证即可。

具体实现内容如下：

1、首先在创建一个微信小程序项目。

2、在pages包下的index文件中的index.wxml文件页面中添加一段文字。

我们使用navigator属性进行添加文字。

<navigator url="../../pages/logs/logs">

 <view>点击我跳转到下一个页面</view>

</navigator>

3、再打开index文件中的index.js文件添加以下的跳转代码。

Page({

  data:{

   // text:"这是一个页面"

  },

  onLoad:function(options){

   // 页面初始化 options为页面跳转所带来的参数

  },

  onReady:function(){

   // 页面渲染完成

  },

  onShow:function(){

   // 页面显示

  },

  onHide:function(){

   // 页面隐藏

  },

  onUnload:function(){

   // 页面关闭

  }

 })

4.最后保存编辑的代码进行调试，保存快捷键【Ctrl+S】。

点击后，跳到日志页面，就说明微信小程序已经设置好文字跳转；

具体的navigator属性使用说明：