时间戳

首页 > 解决方案 > 如何在 vue href 链接中设置动态值？

vue.js - 如何在 vue href 链接中设置动态值？

问题描述

我正在尝试在 href 的 URL 中设置一个动态值。我正在使用 Vue.js

 <a
          href="https://example.com/glasses/guide-for-uploading"
          target="_blank"
        >
          Check it here
        </a>

所以在 URL 的中间，我需要用 productName 替换眼镜。如何在此链接中正确完成？我不确定是否是简单的数据绑定。

标签： vue.jsvuejs2vue-component

解决方案

是的，您可以使用数据绑定。

<a
          :href="`https://example.com/glasses/${productName}`"
          target="_blank"
        >
          Check it here
        </a>

推荐阅读