uniapp vue 多端开发 超链接 打开浏览器 打开外部网站 支持小程序、HAPP

在uniapp中，要实现点击超链接在不同端打开外部网站，可以使用navigator标签或者编程式导航。以下是一个示例代码：

<template>
  <view>
    <!-- 使用navigator标签 -->
    <navigator url="/pages/webview/webview?url=https://www.example.com">
      打开外部网站
    </navigator>
    
    <!-- 编程式导航 -->
    <button @click="openExternalLink('https://www.example.com')">
      打开外部网站
    </button>
  </view>
</template>
 
<script>
export default {
  methods: {
    openExternalLink(url) {
      // 条件编译，区分不同端
      #ifdef H5 || MP-WEIXIN
      // 在H5和小程序中使用window.open打开外部链接
      window.open(url);
      #endif
      #ifdef APP-PLUS
      // 在APP中使用plus.runtime.openURL打开外部链接
      plus.runtime.openURL(url);
      #endif
    }
  }
}
</script>

在上述代码中，navigator标签用于在H5和小程序中打开链接，而按钮触发openExternalLink方法，在APP和小程序中打开外部链接。使用条件编译#ifdef来区分不同的平台，并调用相应的API进行打开。