【问题标题】:How to display a href on hover when use variable value in HTML,在 HTML 中使用变量值时如何在悬停时显示 href,
【发布时间】:2019-06-14 01:35:11
【问题描述】:

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

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

我试过onclick方法,不行。

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

我尝试操作 href 但没有用。

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

【问题讨论】:

  • 你的问题根本不是很清楚。请包含 JavaScript,以便我们有一个 minimal, reproducible example - 我想这将填补这里的一些空白。
  • 变量phone定义在哪里?
  • 它在data部分定义,这是一个vuejs应用。我更新了我的帖子。
  • 为什么不使用标题?当您创建链接标签href= "'tel:' + phone"时,您似乎已经脱离了vue ...
  • 标题 ??我想使用 tel href,它应该显示并拨打该号码。你能再具体一点吗?

标签: javascript href


【解决方案1】:

解决方法是使用绑定-&gt;,像这样:

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

【讨论】:

    猜你喜欢
    • 1970-01-01
    • 2015-06-06
    • 1970-01-01
    • 1970-01-01
    • 2013-11-15
    • 1970-01-01
    • 2015-01-23
    • 1970-01-01
    • 1970-01-01
    相关资源
    最近更新 更多