Taro跳转外链,一轻松详解
什么是Taro跳转外链?
Taro是一个跨端开发的框架,允许同时开发多端应用。在我们渐渐熟悉Taro的同时,经常会碰到要跳转别的网站之类的情况。因此,Taro跳转外链就成了我们这方面的捷径,方便我们在应用里面跳转到外部网站。
如何实现Taro跳转外链?
Taro跳转外链有以下几种方式:
- 使用Taro提供的API:Taro.navigateTo()
- 使用wepy提供的API:wx.navigateTo()
其中,我们需要注意的是使用Taro.navigateTo()时,需要在跳转的组件中引入Taro.js库,需要在componentWillUnmount周期函数内对Taro.js进行销毁,同时在App.config.js内配置路径。而使用wx.navigateTo()时,不需要进行这些额外的操作。
Taro.navigateTo()具体应用
首先,在您的Taro项目中,前往需要跳转外部链接的按钮或链接的编写过程(可以在小程序、H5、或者rn目录下的pages文件夹里找到),引入Taro.js(即 import Taro from '@tarojs/taro') 。
在您需要跳转的事件处理页面,使用以下代码进行跳转:
```jsx
Taro.navigateTo({
url: 'https://www.baidu.com/',
})
```
因为跳转的是外部链接,所以只需要在url中加入需要跳转的链接即可。
注意:Taro.navigateTo()会在新打开的页面中展示目标链接,并通过赋值给window.location.href实现跳转。
wx.navigateTo()具体应用
我们来尝试一下我们如何使用wx.navigateTo()方法吧。
首先,同样需要在需要跳转页面的组件内使用跳转功能:
```jsx
handleClick = () => {
wx.navigateTo({
url: 'https://www.baidu.com/',
})
}
```
然后,在展示页面内按照以下代码写法即可:
```jsx
```
注意:因为我们使用的是小程序官方API的属性,使用方法里有关于微信webview和微信小程序的详细介绍。如果您不是使用小程序的,这里不推荐您使用。
结束语
现在您应该清楚如何使用JavaScript中的Taro跳转外链功能了吧。跳转外链可以让我们更加高效地在不同页面间进行切换,大大提高了工作效率。如果您使用的是Taro框架,可以使用Taro提供的navigateTo(),并认真配置路径和销毁函数。如果您还在犹豫是否要使用,相信这篇文章已经让你对Taro跳转外链的实现过程有了更多的初步了解。