javascript - 超链接未在 Vue.js 模板中打印，但仅字符串即可正常工作

Question

当我打印 attrib.link 时，它工作正常，

<div v-for="attrib in attributes">
 {{ attrib.link }}
</div>

但是当我这样做的时候

<div v-for="attrib in attributes">
  <a target='_blank' href={{ attrib.link }} style="color: #880000">{{ attrib.file }}</a>
</div>

我收到错误消息“无效字符错误”:字符串包含无效字符。

Answer 1

对于 Vue 2，您可以使用其中之一

<a target='_blank' v-bind:href="attrib.link" style="color:#880000">{{ attrib.file }}</a>

或

<a target='_blank' :href="attrib.link" style="color:#880000">{{ attrib.file }}</a>