Vuetify v-btn具有外部链接和动态属性

Question

我的应用程序上有一个按钮，它将打开一个vnc隧道。网址为vnc：// xxxxxxx：portnumber

：portnumber是一个动态生成的属性，来自使用Axios调用的数据库。我正在尝试按以下方式编写此代码，但显然缺少一些内容。

<v-btn href="vnc://hostname:{{computer.Port}}">
  VNC
</v-btn>

如何正确编写href属性的语句？

谢谢！

Answer 1

您需要使用refresh而不是modal-header { padding: 15px; border-bottom: 1px solid #e5e5e5; } 来绑定javascript属性

:href

Answer 2

感谢您的输入。我的实际解决方法如下。

<v-btn class="ma-2" tile outlined color="success" :href="`${getVNCPort()}`">
            <v-icon left>mdi-remote-desktop</v-icon>VNC
          </v-btn>