关于 FButton 配置 link 属性跳转的写法讨论

[Tyh2001]

说明

关于 FButton 配置 link 属性跳转的写法讨论

不同的写法

使用 a 标签写法：

<template>
  <template v-if="link">
    <a :href="link">
      <button>
        <slot />
      </button>
    </a>
  </template>

  <template v-else>
    <button>
      <slot />
    </button>
  </template>
</template>

window.open 写法：

<template>
  <button @click="onCLick">
    <slot />
  </button>
</template>

<script lang="ts" setup>
  // ...

  const onCLick = () => {
    // ...

    if (prop.open) {
      window.open(link, target)
    }

    // ...
  }
</script>

那种写法更好呢？

[yinhw0210]

使用a标签写法 window.open在ie11和safari浏览器中会被拦截。