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

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

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

具体实现内容以下：

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

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

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

<navigatorurl="../../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属性使用说明：

本文来源：https://www.yuntue.com/post/70762.html | 云服务器网，转载请注明出处！