小程序html超链接,微信小程序入门基础教程:小程序常用组件之跳转组件(超链接)...

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

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

组件

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

79c2625b62522972b75758f2db180eb2.png

navigator组件中的URL属性

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

跳转到logs页面

这里我们完善一下代码,将路径打出来,

代码:跳转

注意一下,这里的跳转到logs页面,只需要打logs的名字就可以了,后缀不需要打。

c20ffc4b771b4a772e172f7aa6bf099b.png

跳转到首页

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

参考代码:

跳转到首页

a772f6bda933f997c71485fb39cde375.png

navigator组件第二个属性:target

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

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

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

b8f302b3c570f679904f6c2a90037194.png

navigator组件的第三个属性:open-type

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

efc8fa62a51754f1298fcb6753f82785.png

navigate:这个功能可以用于从一个页面跳转到另外一个页面,而且前一个页面不会销毁,这个小程序用于一些填写的表单文件是再好不过的了。

redirect:这个属性是用于可以跳转到首页,但不可以跳转到上个页面

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

753a0f3190c0d26f4d75f50fb183c2c4.png

参考代码:

跳转

可以看到,现在的图标变成了一个小房子,这个小房子就只能跳转到首页了。

2a92674cd7c8514625381967d5591120.png

总结:

组件属性(跳转组件)

url

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

target

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

open-type

navigate:这个功能可以用于从一个页面跳转到另外一个页面,而且前一个页面不会销毁,这个小程序用于一些填写的表单文件是再好不过的了。

redirect:这个属性是用于可以跳转到首页,但不可以跳转到上个页面

  • 0
    点赞
  • 3
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值