<template>
<div v-if="dataList">
...
</div>
</template>
<script>
export default {
data () {
return {
dataList:null
}
}
}
</script>
解决方法:
1、请求后端数据,将数据保存在状态中,最好使用null来保存
2、在组件最外端标签上使用v-if判断接收的数据的真假
解释:
1、接收数据写null的原因:在mounted里请求数据是异步的,如果不用null写的话,最开始页面上是没有数据的
2、在最外层写v-if的原因:判断接收的数据为真还是为假,如果为假就不创建这个组件,当接收的数据为真的时候再创建这个组件