温馨提示×

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

枫吟
2683
2021-03-22 16:51:44
栏目: 云计算

微信小程序点击文字跳转页面的方法: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属性使用说明:

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


0