vue.js - 在 vuetify v-btn 中正确使用分组棱镜链接字段？

Question

我有一个包含一堆字段的棱镜组（link_sections）。其中一个字段是链接，因为我使用这些组创建的标记应该包含一个链接到网站其他地方的按钮。问题是我不知道如何在这种情况下正确使用棱镜链接，因为据我所知，不可能像这样在 v-btn 内绑定链接数据......

<v-layout v-for="(section, index) in fields.link_sections" :key="index">
  <h2>{{section.header}}</h2>
  <v-btn router-link :to="{{section.link}}"></v-btn>
</v-layout>

如果我只是在 v-btn 元素之外渲染出 {{section.link}} 我可以成功渲染出链接的文本值，但这大约是我能做的，显然我想将文本用作实际链接。任何人都知道如何使棱柱组中的链接字段与 v-btn 元素一起使用？

Answer 1

您的语法错误，请尝试以下代码段： <v-btn :to="section.link">Link</v-btn>. 也<b-btn></v-btn>没有router-link道具。只需通过 prop to。如果您通过toprop，则意味着您希望该按钮成为<router-link>

表示链路的目标路由。