溫馨提示×

微信小程序點擊文字跳轉頁面的方法

楓吟
2782
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
亚洲午夜精品一区二区_中文无码日韩欧免_久久香蕉精品视频_欧美主播一区二区三区美女