屬性名	類型	默認(rèn)值	說明
url	String		應(yīng)用內(nèi)的跳轉(zhuǎn)鏈接
redirect	Boolean	false	是否關(guān)閉當(dāng)前頁面
hover-class	String	navigator-hover	指定點(diǎn)擊時的樣式類，當(dāng)hover-class="none"時，沒有點(diǎn)擊態(tài)效果

注：navigator-hover默認(rèn)為{background-color:rgba(0,0,0,0.1);opacity:0.7;},<navigator/>的子節(jié)點(diǎn)背景色應(yīng)為透明色

示例代碼：

/** wxss **/
/** 修改默認(rèn)的navigator點(diǎn)擊態(tài) **/
.navigator-hover{
  color:blue;
}
/** 自定義其他點(diǎn)擊態(tài)樣式類 **/
.other-navigator-hover{
  color:red;
}

<!-- sample.wxml -->
<view class="btn-area">
  <navigator url="navigate?title=navigate" hover-class="navigator-hover">跳轉(zhuǎn)到新頁面</navigator>
  <navigator url="redirect?title=redirect" redirect hover-class="other-navigator-hover">在當(dāng)前頁打開</navigator>
</view>
</navigator>

<!-- navigator.wxml -->
<view style="text-align:center"> {{title}} </view>
<view> 點(diǎn)擊左上角返回回到之前頁面 </view>

<!-- redirect.wxml -->
<view style="text-align:center"> {{title}} </view>
<view> 點(diǎn)擊左上角返回回到上級頁面 </view>

// redirect.js navigator.js
Page({
 onLoad: function(options) {
  this.setData({
   title: options.title
  })
 }
})

感謝閱讀，希望能幫助到大家，謝謝大家對本站的支持！

您可能感興趣的文章:

相關(guān)文章

JavaScript設(shè)計(jì)模式之單例模式應(yīng)用場景案例詳解
這篇文章主要為大家介紹了JavaScript中單例模式的應(yīng)用場景案例詳解，有需要的朋友可以借鑒參考下，希望能夠有所幫助，祝大家多多進(jìn)步，早日升職加薪
2023-05-05
微信小程序之前臺循環(huán)數(shù)據(jù)綁定
這篇文章主要介紹了微信小程序之前臺循環(huán)數(shù)據(jù)綁定的相關(guān)資料,這里提供實(shí)例幫助大家學(xué)習(xí)理解這部分內(nèi)容，需要的朋友可以參考下
2017-08-08
JavaScript實(shí)現(xiàn)棧結(jié)構(gòu)詳細(xì)過程
這篇文章主要介紹了JavaScript實(shí)現(xiàn)棧結(jié)構(gòu)詳細(xì)過程，棧即stack它是一種受限的線性表，后進(jìn)先出LIFO，更多具體的內(nèi)容，需要的小伙伴參考下面文章的詳細(xì)內(nèi)容
2021-12-12
JS快速檢索碰撞圖形之四叉樹碰撞檢測
這篇文章主要為大家介紹了JS快速檢索碰撞圖形之四叉樹碰撞檢測，有需要的朋友可以借鑒參考下，希望能夠有所幫助，祝大家多多進(jìn)步，早日升職加薪
2023-01-01
JS面試異步模擬紅綠燈實(shí)現(xiàn)詳解
這篇文章主要為大家介紹了JS面試異步模擬紅綠燈實(shí)現(xiàn)示例詳解，有需要的朋友可以借鑒參考下，希望能夠有所幫助，祝大家多多進(jìn)步，早日升職加薪
2023-01-01
Selection與Range 對象操作示例指南
這篇文章主要為大家介紹了Selection與Range 對象操作示例指南，有需要的朋友可以借鑒參考下，希望能夠有所幫助，祝大家多多進(jìn)步，早日升職加薪
2022-09-09
微信小程序合法域名校驗(yàn)出錯詳解及解決辦法
這篇文章主要介紹了微信小程序合法域名校驗(yàn)出錯詳解及解決辦法的相關(guān)資料,需要的朋友可以參考下
2017-03-03
JavaScript嚴(yán)格模式use strict的介紹
這篇文章主要介紹了JavaScript嚴(yán)格模式use strict，嚴(yán)格模式是JavaScript中的一種限制性更強(qiáng)的變種方式。嚴(yán)格模式并不是JavaScript中的子集，它在語義上與正常的代碼有明顯的差異，下面我們就一起來學(xué)習(xí)該內(nèi)容吧,需要的朋友也可以參考一下
2021-12-12
微信小程序框架詳解及實(shí)例應(yīng)用
這篇文章主要介紹了微信小程序框架詳解及實(shí)例應(yīng)用的相關(guān)資料,需要的朋友可以參考下
2016-09-09
JS處理數(shù)據(jù)實(shí)現(xiàn)分頁功能
這篇文章介紹了JS處理數(shù)據(jù)實(shí)現(xiàn)分頁功能的方法，文中通過示例代碼介紹的非常詳細(xì)。對大家的學(xué)習(xí)或工作具有一定的參考借鑒價值，需要的朋友可以參考下
2022-01-01