微信小程序的navigator怎么用

这篇文章主要介绍“微信小程序的navigator怎么用”的相关知识，小编通过实际案例向大家展示操作过程，操作方法简单快捷，实用性强，希望这篇“微信小程序的navigator怎么用”文章能帮助大家解决问题。

navigator

页面链接。

open-type 有效值：

注：navigator-hover默认为{background-color: rgba(0, 0, 0, 0.1); opacity: 0.7;}, <navigator/>的子节点背景色应为透明色

示例代码：

.navigator-hover {color:blue;}.other-navigator-hover {color:red;}

<!-- sample.wxml --><view class="btn-area">  <navigator url="/page/navigate/navigate?title=navigate" hover-class="navigator-hover">跳转到新页面</navigator>  <navigator url="../../redirect/redirect/redirect?title=redirect" open-type="redirect" hover-class="other-navigator-hover">在当前页打开</navigator>  <navigator url="/page/index/index" open-type="switchTab" hover-class="other-navigator-hover">切换 Tab</navigator></view>

<!-- navigator.wxml --><view style="text-align:center"> {{title}} </view><view> 点击左上角返回回到之前页面 </view>

<!-- redirect.wxml --><view style="text-align:center"> {{title}} </view><view> 点击左上角返回回到上级页面 </view>

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

关于“微信小程序的navigator怎么用”的内容就介绍到这里了，感谢大家的阅读。如果想了解更多行业相关的知识，可以关注编程网精选频道，小编每天都会为大家更新不同的知识点。