超链接不在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>

Answer 2

请使用

v-bind:href='attrib.link'

或

:href='attrib.link'