在vuetify v-btn中正确使用分组的棱柱形链接字段?

时间:2019-08-12 17:34:30

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

我有一个包含一组字段的棱柱形组(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元素一起工作?

1 个答案:

答案 0 :(得分:0)

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

  

表示链接的目标路由。