Vue 拖拽组件 vuedraggable报错

Question

报错：Cannot read property 'com' of undefined
怎么解决？我引入了，也定义了，怎么还是 undefined？

<div class="view-content" :style="{ backgroundColor: info.backgroundColor }" @drop="drog"
                    @dragover="dragOver">
                    <Draggable v-model="ViewPC" draggable=".item">
                        <template v-for="(item, index) in ViewPC">
                            <div v-if="index > 0" :key="index" :data-index="index"
                                :class="{ item: true, active: currentIndex === index }" @click="selectType(index)">
                                <template v-if="item.status && item.status === 2">
                                    <div class="wait">{{ item.type }}</div>
                                </template>
                                <template v-else>
                                    <component :is="typeList[item.type]['com']" :data="item" />
                                </template>
                                <span class="span-error" @click="deleteItem($event, index)">
                                    <i class="el-icon-delete del-css" /></span>
                            </div>
                        </template>
                    </Draggable>
                

Answer 1

component is 的是一个字符串，它是要你告诉它 应该显示哪个名字的组件。typeList[item.type] 是什么 打印看看。 然后看看typeList[item.type] 有没有 com 这个属性。这个属性的值 有没有引入。30行 我看你都注释了....