javascript - 在 HTML 中使用变量值时如何在悬停时显示 href，

Question

我正在开发一个 vuejs 应用程序，我有一个通话按钮。我想查看和使用电话号码进行呼叫，但无法使用或显示。我尝试在锚标记、href 参数中用作动态电话号码。我在内部使用了一个变量href，名为 phone 为 -> href = "tel:phone"，但显示的是 tel:phone 而不是变量值。无法尝试使用 href:tel 进行真正的通话，但是当我在我的 html 代码上使用它时，将鼠标悬停在它上面时，我看到 tel:phone 在屏幕的左下角，我看不到电话号码

我试过这个 -zhref= "'tel:' + phone"但没有用。

我尝试了onclick方法，没有工作。

<a ref="myhref" href="tel:23432"

我尝试操纵 href 但没有奏效。

this.$refs.myhref.href = 'tel:' + phone

标签： javascripthref

Answer 1

解决方案是使用 binding ->，如下所示：

<a :href="'tel:' + phone">