vue 组件使用时报name属性错误

Question

问题描述

组件在使用的时候，浏览器报错图片描述

相关代码

组件TypeListArr：
<template>

<div class="typeList_cont">
    <ul>
        <li v-for="(item, index) in typesData" class="typesItem" :key="'type_list'+index">{{item.text}}</li>
    </ul>
</div>

</template>

<script>
export default {

name: 'types-listbox',
props: ['typesData', 'clickOn', 'activeItem'],
data() {
    return {}
}

}
</script>

应用：
<template>
<types-listbox :typesData="qygl" :activeItem="projectInfo.signRank" :clickOn="false"></types-listbox>
</template>
<script>
import TypeListArr from '@/components/TypeListArr.vue'
export default {

name: 'detail',
components: {PercentCircle, LevelBar, XBar, TypeListArr},
data(){
    return {}
}

}
</script>

Answer 1

问题描述不清，报错信息没有展示
但大致看明白你出现了什么问题

1. 父传子数据，数据是在父组件异步获取的，但是你的子组件直接接收的返回的数据，如果父级数据还没有获取到，可能子组件接收的typesData 还不是一组数据，而是一个函数，所以，在你父级 传值前 加一个强校验，

      v-if="qygl&& qygl.length>0" :typesData="qygl"

这样控制台应该就不报错了