如何在vue href链接中设置动态值？
如何在vue href链接中设置动态值？
提问于 2020-09-23 23:25:23
我尝试在href中的URL中设置一个动态值。我正在使用Vue.js
<a
href="https://example.com/glasses/guide-for-uploading"
target="_blank"
>
Check it here
</a>所以在URL中间，我需要用productName替换眼镜。如何在此链接中正确完成此操作？我不确定是不是简单的数据绑定。
回答 3
Stack Overflow用户
回答已采纳
发布于 2020-09-23 23:27:03
是的，您可以使用数据绑定。
<a
:href="`https://example.com/glasses/${productName}`"
target="_blank"
>
Check it here
</a>Stack Overflow用户
发布于 2020-09-23 23:42:54
您可以像这样绑定href：
:href="'https://example.com/glasses/${productName}'"或者你也可以使用string来达到同样的效果：
Let link = document.getElemntById("linkId")
Let address = "https://example.com/glasses/" + this.productName
link.href = addressStack Overflow用户
发布于 2021-11-24 10:15:19
你可以使用:href="!${url}!“它适用于我用反引号(`)替换!不显示，因为它使用突出显示这个编辑器的内部部分
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/64031262
复制相关文章
相似问题
腾讯云开发者
