时间戳

首页 > 解决方案 > Vue 组件道具派生

vuejs2 - Vue 组件道具派生

问题描述

我有一个 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>

标签： vuejs2vue-component

解决方案

您可以使用：

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

推荐阅读