在 vuetify v-btn 中正确使用分组棱镜链接字段？答案

【问题标题】：Using grouped prismic link fields in a vuetify v-btn properly?在 vuetify v-btn 中正确使用分组棱镜链接字段？
【发布时间】：2019-12-19 07:13:10
【问题描述】：

我有一个包含一堆字段的棱镜组 (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 元素一起使用？

【问题讨论】：

标签： vue.js hyperlink vuetify.js prismic.io

【解决方案1】：

你的语法错误，试试这个sn-p： <v-btn :to="section.link">Link</v-btn>。 <b-btn></v-btn> 也没有 router-link 道具。只需传递道具to。如果你传递了to 属性，这意味着你希望那个按钮是一个<router-link>

表示链接的目标路由。

【讨论】：