Javascript 为每个“创建href”；v代表；使用基本列表呈现

向列表中的每个链接添加自定义

href

的正确方法是什么

例如，我希望

链接：'News'

具有

href=”http://example.com/news“

有没有一种可能的方法可以做到这一点：

{ link: 'News', href: 'http://example.com/news' }

<a v-bind:href="{{ a.href }}" v-bind:class="[foot]" v-for="a in news">{{ a.link }}</a>

并将其呈现为：

{ link: 'News', href: 'http://example.com/news' }

<a v-bind:href="{{ a.href }}" v-bind:class="[foot]" v-for="a in news">{{ a.link }}</a>

HTML

<a v-bind:class="[foot]" v-for="a in news">{{ a.link }}</a>

{{a.link}

它应该如下所示：

<a v-bind:href="a.href" v-bind:class="[foot]" v-for="a in news">{{ a.link }}</a>

因为您不需要大括号和

v-bind

。从

将一个或多个属性或组件属性动态绑定到表达式

---

谢谢它正在工作。我将在10分钟内接受答复。