微信小程序?qū)崿F(xiàn)點(diǎn)擊文字頁(yè)面跳轉(zhuǎn)功能【附源碼下載】

更新時(shí)間：2017年12月12日 10:37:16 作者：FutrueJet

這篇文章主要介紹了微信小程序?qū)崿F(xiàn)點(diǎn)擊文字頁(yè)面跳轉(zhuǎn)功能,涉及navigator導(dǎo)航組件的簡(jiǎn)單使用技巧,并附帶源碼供讀者下載參考,需要的朋友可以參考下

本文實(shí)例講述了微信小程序?qū)崿F(xiàn)點(diǎn)擊文字頁(yè)面跳轉(zhuǎn)功能。分享給大家供大家參考，具體如下：

1、效果展示

2、關(guān)鍵代碼

index.js文件

Page({
 data:{
  // text:"這是一個(gè)頁(yè)面"
 },
 onLoad:function(options){
  // 頁(yè)面初始化 options為頁(yè)面跳轉(zhuǎn)所帶來(lái)的參數(shù)
 },
 onReady:function(){
  // 頁(yè)面渲染完成
 },
 onShow:function(){
  // 頁(yè)面顯示
 },
 onHide:function(){
  // 頁(yè)面隱藏
 },
 onUnload:function(){
  // 頁(yè)面關(guān)閉
 }
})

index.wxml文件

<navigator url="../../pages/logs/logs">
 <view>點(diǎn)擊我跳轉(zhuǎn)到下一個(gè)頁(yè)面</view>
</navigator>

navigator屬性說明如下：

3、源代碼點(diǎn)擊此處本站下載。

關(guān)于navigator組建的詳細(xì)說明還可參考官網(wǎng)：https://mp.weixin.qq.com/debug/wxadoc/dev/component/navigator.html

希望本文所述對(duì)大家微信小程序開發(fā)有所幫助。

您可能感興趣的文章:

相關(guān)文章

Javascript跨域請(qǐng)求的4種解決方式
如果所請(qǐng)求的域名跟這個(gè)域名不致，這種情況就是跨域，由于跨域存在漏洞，所以一般來(lái)說正常的跨域請(qǐng)求方式是請(qǐng)求不到的，所以有了本文的出現(xiàn)，感興趣的你可以參考下哈，希望可以幫助到你
2013-03-03
支付寶小程序?qū)崿F(xiàn)省市區(qū)三級(jí)聯(lián)動(dòng)
這篇文章主要為大家詳細(xì)介紹了支付寶小程序?qū)崿F(xiàn)省市區(qū)三級(jí)聯(lián)動(dòng)，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下
2020-06-06
JS設(shè)計(jì)模式之狀態(tài)模式概念與用法分析
這篇文章主要介紹了JS設(shè)計(jì)模式之狀態(tài)模式概念與用法,簡(jiǎn)單講述了狀態(tài)模式的概念、功能、應(yīng)用場(chǎng)景并結(jié)合javascript實(shí)例形式分析了狀態(tài)模式的簡(jiǎn)單定義及使用方法,需要的朋友可以參考下
2018-02-02
js控制鼠標(biāo)事件移動(dòng)及移出效果顯示
鼠標(biāo)事件的移動(dòng)及移出效果都可以使用js來(lái)自定義，下面有個(gè)示例，實(shí)，效果為當(dāng)事件發(fā)生改變時(shí)背景顏色也隨著改變
2014-10-10
echarts如何實(shí)現(xiàn)動(dòng)態(tài)曲線圖(多條曲線)
這篇文章主要介紹了echarts如何實(shí)現(xiàn)動(dòng)態(tài)曲線圖(多條曲線)，具有很好的參考價(jià)值，希望對(duì)大家有所幫助。如有錯(cuò)誤或未考慮完全的地方，望不吝賜教
2022-07-07
游覽器中javascript的執(zhí)行過程(圖文)
在講這個(gè)問題之前，先來(lái)補(bǔ)充幾個(gè)知識(shí)點(diǎn)，如果對(duì)此已經(jīng)比較了解可以直接跳過
2012-05-05
JavaScript 對(duì)象、函數(shù)和繼承
JavaScript可以說是一個(gè)基于對(duì)象的編程語(yǔ)言，為什么說是基于對(duì)象而不是面向?qū)ο螅驗(yàn)镴avaScript自身只實(shí)現(xiàn)了封裝，而沒有實(shí)現(xiàn)繼承和多態(tài)。
2009-07-07
javascript實(shí)現(xiàn)前端成語(yǔ)點(diǎn)擊驗(yàn)證
這篇文章主要介紹了javascript實(shí)現(xiàn)前端成語(yǔ)點(diǎn)擊驗(yàn)證，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下
2020-06-06
詳解微信小程序自定義組件的實(shí)現(xiàn)及數(shù)據(jù)交互
這篇文章主要介紹了微信小程序自定義組件的實(shí)現(xiàn)及數(shù)據(jù)交互，本文給大家介紹的非常詳細(xì)，具有一定的參考借鑒價(jià)值,需要的朋友可以參考下
2019-07-07
監(jiān)控微信小程序中的慢HTTP請(qǐng)求過程詳解
這篇文章主要介紹了監(jiān)控微信小程序中的慢HTTP請(qǐng)求過程詳解，F(xiàn)undebug 的微信小程序監(jiān)控插件在 0.5.0 版本已經(jīng)支持監(jiān)控 HTTP 請(qǐng)求錯(cuò)誤，在小程序中通過wx.request發(fā)起 HTTP 請(qǐng)求，如果請(qǐng)求失敗，會(huì)被捕獲并上報(bào),需要的朋友可以參考下
2019-07-07