uni-app 打开外部网页地址 web url

1、App平台可以使用 plus.runtime.openURL或web-view组件；2、H5平台使用 window.open；<view class="example-body"><uni-link href="https://uniapp.dcloud.io/" text="https://uniapp.dcloud.io/"></uni-link>&lt

前端学习007

16253人浏览 · 2020-07-07 11:58:34

前端学习007 · 2020-07-07 11:58:34 发布

1、App平台可以使用 plus.runtime.openURL或web-view组件；
2、H5平台使用 window.open；

<view class="example-body">
<uni-link href="https://uniapp.dcloud.io/" text="https://uniapp.dcloud.io/">
</uni-link>
</view>

uni-link组件

<template>
<text style="text-decoration:underline" :href="href" @click="openURL" >{{text}}</text>
</template>

openURL方法：

openURL() {
// #ifdef APP-PLUS
plus.runtime.openURL(this.href) //这里默认使用外部浏览器打开而不是内部web-view组件打开
// #endif
// #ifdef H5
window.open(this.href)
// #endif

参考代码：在hello uni-app中有个组件ulink.vue已对多端进行封装。