如何应用微信小程序的页面链接组件？

  本教程讲解了如何应用微信小程序的页面链接组件?操作起来是很简单的，想要学习的朋友们可以跟着小编一起去看一看下文,希望能够帮助到大家。

  组件说明:

  页面链接。

  组件用法：

  官方规定小程序最多只能有五个页面同时存在，意思是在不关闭页面的情况，最多新开五个页面，页面深度为5。当页面栈达到5后将无法转跳。

  当navigator组件存在redirect属性时(无论redirect的值时true还是false)，将会关闭当前页面并转跳到目标页面,页面栈不变化。

  当navigator组件不存在redirect属性时，保留当前页面，转跳到目标页面，页面栈加1。

  效果图：

  wxml

  

  

  跳转到新页面

  在当前页打开

  

  复制代码

  

   {{title}}

   点击左上角返回回到之前页面

  复制代码

  

   {{title}}

   点击左上角返回回到上级页面

  复制代码

  js

  // redirect.js navigator.js

  Page({

  onLoad: function(options) {

  this.setData({

  title: options.title

  })

  }

  }

  复制代码

  wxss

  /** wxss **/

  /** 修改默认的navigator点击态 **/

  .navigator-hover {

  color:blue;

  }

  /** 自定义其他点击态样式类 **/

  .other-navigator-hover {

  color:red;

  }

  .title{

  text-align:center;

  }

  复制代码

  以上就是如何应用微信小程序的页面链接组件的全部内容了，大家都学会了吗?