欧非资源网：安全、免费、专业放心的资源下载站！ 最新软件|软件分类

您的位置：欧非资源网 > 电脑专区 > 电脑教程 > 微信小程序入门基础教程：小程序常用组件之跳转组件（超链接）

微信小程序入门基础教程：小程序常用组件之跳转组件（超链接） 时间：2020-05-06 18:44作者：admin来源：未知人气：998我要评论(0)

今天我们来讲讲其他的小程序常用组件，一起来看看吧。

在我们做html的时候，常常会用到<a>标签，这个标签是做跳转链接的，那么，小程序编程里面的跳转链接是什么呢？该如何表达呢？

<navigator>组件

小程序里的这个组件就是我们用于小程序跳转的组件，我们平常在使用小程序看到的跳转基本上都是这个组件实现的，那么，这个组件该如何去使用呢？快随小编进一步去了解看看。

小程序学习日志5：小程序常用组件之跳转组件（超链接）

navigator组件中的URL属性

这个属性主要是实现了页面中间的跳转，那么这个属性该怎么使用呢？看看下面的吧。

这里我们完善一下代码，将路径打出来，
代码：<navigator url="/pages/logs/logs">跳转</navigator>
注意一下，这里的跳转到logs页面，只需要打logs的名字就可以了，后缀不需要打。

小程序学习日志5：小程序常用组件之跳转组件（超链接）

同样的方法，我们也可以在logs.wxml页面里面设置跳转到首页。

参考代码：
  <navigator url="/pages/index/index">跳转到首页</navigator>

小程序学习日志5：小程序常用组件之跳转组件（超链接）

这个属性厉害了，他不仅可以实现本小程序的跳转，还可以跳转到别的小程序上面去，你平常在网上玩小程序看到的很多广告链接跳转到美团什么的地方都是靠这个实现的。

打开微信开发者手册，我们可以看到这个属性有两个合法值，第一个是默认的，本小程序，第二个设置后可以跳转到其他小程序。

这里就先不跟大家说了，以后有时间会慢慢聊的。

小程序学习日志5：小程序常用组件之跳转组件（超链接）

我们先打开微信开发者文档，可以看到，这个属性有六个合法值，其中，第一个合法值是默认的。

小程序学习日志5：小程序常用组件之跳转组件（超链接）

这里有必要说一下，大家可以看，这是之前的，这里的图标是个箭头，但是我们加入后呢？

小程序学习日志5：小程序常用组件之跳转组件（超链接）

参考代码：
  <navigator url="/pages/logs/logs" open-type="redirect">跳转</navigator>
可以看到，现在的图标变成了一个小房子，这个小房子就只能跳转到首页了。

小程序学习日志5：小程序常用组件之跳转组件（超链接）

属性意思，实现本小程序内部各页之间的跳转。

属性意思：可以设置跳转到本小程序，也可以跳转到其他小程序

文章评论

查看所有0条评论>>

分类索引