首頁  >  文章  >  微信小程式  >  小程式怎麼實現頁內跳轉

小程式怎麼實現頁內跳轉

藏色散人
藏色散人原創
2020-03-18 09:28:364711瀏覽

小程式怎麼實現頁內跳轉

小程式怎麼實作頁內跳轉?小程式進行頁面跳轉的方法

首先準備如下圖所示的目錄結構

小程式怎麼實現頁內跳轉

#然後開啟主頁面index.wxml,寫兩個跳轉連結

小程式怎麼實現頁內跳轉

接著編寫navigate方式跳轉的頁面,如下圖

小程式怎麼實現頁內跳轉

##然後寫redirect方式跳轉的頁面,如下圖所示

小程式怎麼實現頁內跳轉

運行程式以後我們就可以看到首頁有兩個連結了

小程式怎麼實現頁內跳轉

#點擊第一個就會跳到新的頁面,如下圖所示,這是navigate的方式

小程式怎麼實現頁內跳轉

#最後點擊第二個就是redirect的跳轉方式,在目前頁面打開,如下圖所示

小程式怎麼實現頁內跳轉

以上是小程式怎麼實現頁內跳轉的詳細內容。更多資訊請關注PHP中文網其他相關文章!

陳述:
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn