如何在href（Laravel）中使用javascript值

Question

我正在尝试使用QR码制作简单的网站。我使用来自github的instascan的QR码扫描仪。这行是为了显示扫描结果

<li v-for="scan in scans" :key="scan.date" :title="scan.content">@{{ scan.content }}</li>

如何在类似<a href="/products/show/{{ scan.content }}">@{{ scan.content }}</a>的href标记中使用该结果 链接应为http://example.com/products/show/qrscanresult

谢谢，抱歉我的英语不好。

Answer 1

假设{{scan.script}}是变化的js变量。

<a href="/products/show/<script>{{ scan.content }}</script>">@{{ scan.content }}</a>

或

<script>var link = '<a href="/products/show/"+{{ scan.content }}></a>Text Goes here</a>'</script>

Answer 2

您可以像对待问题中的其他属性一样绑定值，然后将其连接到url的初始部分：

<a :href="'/products/show/' + scan.content">@{{ scan.content }}</a>