如何在 vue.js 中为 href 使用组件？

Question

我想将组件用作 a 标签中的 href。 这是我的代码

<template>
    <a v-bind:href="Library">  </a>
</template>

<script>
import Library from './Library';

export default {
    name: "App",
    components: {
        Library,
    },
}
</script>

<style>
    
</style>

很遗憾，我收到一条错误消息，提示我没有使用库组件。 有谁知道怎么做？

亲切的问候 埃米尔

Answer 1

您不能将组件用作字符串

试试这个 (example)

<script>
import Library from './Library.js'
  export default {
    data() {
      return {
        Library: Library
      }
    }
}
</script>

<template>
  <a :href="Library" target="_blank">test</a>
</template>