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

时间:2019-10-16 23:19:44

标签: vue.js vuetify.js

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

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

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

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

谢谢!

2 个答案:

答案 0 :(得分:0)

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

:href

答案 1 :(得分:0)

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

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