在查看本文前,心愿各位能够好好看看这一篇文章:该报错的单个组件解决方案
在网上查找时看到的最好解答,举荐具体看看
多组件应用以下计划:
因为多组件时,在父组件应用status,status的状态无奈复用,所以将status放到子组件中
子组件HTML局部:
<template> <div v-if="status"> {{ index[0].text }} </div></template>
子组件JavaScript局部:
export default { props: ['index'], data() { return { status: false, } }, mounted() { this.status = true; },}
这样做是为了让每个子组件在获取到数据后再渲染