Javascript 在Vue.js模板中不打印超链接，但只打印字符串即可

当我打印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>

我在说无效字符错误时出错：字符串包含无效字符。

请使用

v-bind:href='attrib.link'

或

---

对于Vue 2，您可以使用

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

或

尝试使用：href=attrib.link将属性绑定为属性，然后将其更改为_attrib.file而不是attrib.file

<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>