手游百科网 |手游库 |手机版 |网站地图
所在位置:首页 > 资讯教程 > 软件教程 > 详情

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

文章来源:网络作者:迟暮。发布时间:2026-05-23 07:23:11

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

  组件说明:

  页面链接。

  组件用法:

  官方规定小程序最多只能有五个页面同时存在,意思是在不关闭页面的情况,最多新开五个页面,页面深度为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;

  }

  复制代码

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

GM盒子下载
GM盒子下载

福利:免费送首充,上线送VIP,免费领元宝和代金券 大小: 55M

玩法:GM特权送VIP

相关新闻
同类推荐
最新问答
手游新品榜
热门推荐
魔药杂货铺什么时候出 公测上线时间预告

魔药杂货铺什么时候出 公测上线时...