我有一個在 Vue 中回圈的陣列，并在每次迭代時渲染一個錨元素。我正在回圈的陣列是我的道具之一，我嘗試了幾種不同的東西，雖然我相信我可以讓它作業，但這種方式對我來說似乎很老套，我想確保它不是比我想象的更簡單
<template v-for="(lead, index) in leads">
<a target="_blank" v-bind:href="lead.present_url"><b>foobar</b></a>
<div>{{lead.name}}</div>
<div>{{lead.id}}</div>
</template>
我嘗試了各種組合方式，以下不是一個完整的串列，而只是我嘗試過的一些示例：（:href="lead.present_url" href='lead.present_url' :href='${lead.present_url}'使用 tildas），這些組合的幾種變體，包括使用和不使用 v-bind，v-bind:href='leads[index].present_url'
props: {
leads: Array
},
我的問題是：這樣做的最佳方法是什么？
uj5u.com熱心網友回復：
您實際上想v-for在想要多個的元素上使用，并且還需要系結 a :key：
<template>
<div class="lead-container">
<div v-for="lead in leads" :key="lead.id">
<a target="_blank" :href="lead.present_url">
<strong>foobar</strong>
</a>
<div>{{lead.name}}</div>
<div>{{lead.id}}</div>
</div>
</div>
</template>
<script>
export default {
props: {
leads: {
type: Array,
default: () => [],
}
}
}
</script>
轉載請註明出處，本文鏈接：https://www.uj5u.com/qianduan/408022.html
標籤：