Vuetify 如何在 v-btn 中获取工作链接

Posted 2023-02-22

【中文标题】Vuetify 如何在 v-btn 中获取工作链接

【英文标题】：Vuetify how to get a working link in a v-btn

【发布时间】：2020-05-04 13:10:55

【问题描述】：

我是 vue 和 vuetify 的初学者，解释和示例会非常好。我正在尝试获取一个将您发送到外部站点的按钮。例如 youtube.com 。 我现在有这个，但它不工作。

    <v-btn
       color="primary"
       text
       @click="redirect(x.link)"
       >
       Share
    </v-btn>

这是我的重定向

methods: 

      redirect(link) 
        window.location.href = link;
      

    

我在使用 vue-router 时看到了一些其他问题。我不确定如何使用它。

我希望它清楚我在问什么。提前致谢。

【问题讨论】：

请检查this，也许可以帮助。问候！

it is not working - 今天是假期吗？你是什​​么意思它不起作用？你调试了吗？重定向函数是否被调用？链接变量实际上不为空吗？您是否输入了breakpoint 或console.log 并检查了问题出在哪里？问题中显示的代码本身没有任何问题，应该可以工作。编辑您的问题以包括对我提出的问题的回答。

我不知道我做了什么，但它有效。我没有改变任何东西。我傻眼了。谢谢你们！

@SilkeNL 尝试在v-btn 上使用href 或to 属性并移除点击处理程序。

【参考方案1】：

VBtn 有一个 href 用于此用途的道具。

<v-btn :href="x.link">Share</v-btn>

vue-router 的目的是在您的应用程序中进行路由（在single page application 的情况下）。 要链接到外部网站，您需要一个 href 属性。

【讨论】：

这是文档：vuetifyjs.com/en/components/buttons#buttons