vue-请求后端数据第一次渲染的时候页面为空

<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的原因:判断接收的数据为真还是为假,如果为假就不创建这个组件,当接收的数据为真的时候再创建这个组件

你可能感兴趣的:(vue,vue,js,javascript,html)