Vue组件道具派生

Question

我有一个Vue（2）组件 -

Vue.component('item-component', {
    props: ['item'],
    template: `<div :id="???">item.name</div>`
})

使用HTML -

<template v-for="item in items">
  <item-component v-bind:item="item"></item-component>
</template>

项目是 -

items = [{ itemid: 1, name: "Foo" }]

问题是：我如何生成派生的 id值，如 -

<div id="my-item-1">Foo</div>

Answer 1

你可以使用：

<div :id="'my-item-'+item.itemid">Foo</div>