[js]vue顯示一個外部鏈接的組件

顯示一個外部鏈接的組件

<template>
  <component :is="type" v-bind="linkProps(to)">
    213123123123
  </component>
</template>

<script>

export default {

  data() {
    return {
      type: 'a',
      to: "https://www.qq.com"
    }
  },
  methods: {
    linkProps(to) {
      return {
        href: to,
        target: '_blank',
        rel: 'noopener'
      }
      return {
        to: to
      }
    }
  }
}
</script>