小编教你如何应用微信小程序的页面链接组件。

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

组件说明:

页面链接。

组件用法:

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

}

复制代码

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

本文来自投稿,不代表酷牛教程立场,如若转载,请注明出处:https://www.xukn.com/97396.html

(0)
上一篇 2021-04-15 10:37
下一篇 2021-04-15 10:47

相关推荐