vue.js - 有没有办法设置动态路径？

Question

我试图将一个按钮组件传递给<nuxt-link>一个父组件，而不是在整个应用程序中重复使用几次。我试图弄清楚如何<nuxt-link>动态设置，以便在我再次重用父组件时可以更改路径。

我试过这样的事情：

<nuxt-link :to="'/' + path">
     <div class="button">
        <p>{{buttonTitle}}</p>
     </div>
</nuxt-link>

<script>
  export default {
    name: 'primaryButton',
    props: ['buttonTitle'],
  }
</script>

但这显然是错误的。有没有办法使用道具？

提前致谢！

标签： vue.jsdynamicnuxt.jsvue-router