Javascript vue2表单元素列表

我有一组字段，我想以长格式显示，每个字段都允许用户从该字段的值列表中进行选择

基本情况如下：

Vue.component('master-field', require('./Vue/MasterField').default);

new Vue({
    store,
    el: '#app',
    computed: {
        sourceFields: function () {
            return store.getters.visibleSource
        }
    }
})

然后在页面中，它使用

sourceFields

数据一个接一个地吐出字段：

<div id="app">
    <div class="container-fluid">
        <master-field v-for="item in sourceFields" :key="item.id"></master-field>
    </div>
</div>

---

如何从

主字段

组件中访问

item.id

？如果我试图从组件中的

挂载的

钩子中执行

控制台.log（item.id）

，则表示未定义项。

您必须通过道具传递它

伪示例：

<my-component :info="someInfo" />

然后在组件中：

Vue.component('myComponent', {
  // declare the props
  props: ['info'],
  template: '<span>{{ info }}</span>'
})

Vue.component（'myComponent'{
//申报道具
道具：['info']，
模板：“{info}}”
})