Vue component uses Times name property error

problem description

When the

component is in use, the browser reports an error picture description

related codes

component 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 >

Application:
< 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 >

Feb.06,2022

the problem is not described clearly, and the error message is not displayed
, but I can see what's wrong with you in general

.
  1. the parent passes the child data, and the data is obtained asynchronously in the parent component, but your child component directly receives the returned data. If the parent data has not been obtained, the typesData received by the child component may not be a set of data, but a function, so add a strong check before your parent passes the value.

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

so that the console should not report an error

Menu