uniapp里用了echarts的图表,跑h5项目图表一直处于加载中

解决

写在mounted生命周期,h5和小程序都可以正常显示

export default {
		data(){
			return{
				showPopover: false,
				// 通过 actions 属性来定义菜单选项
				actions: [{ text: '全部来源' }, { text: '抖音' }, { text: '快手' }, { text: '微信' }],
				chartData: {},
			}
		},
		// onReady() { 
		//     this.getServerData();
		// },
		mounted() { //要想在h5跑起来必须用mounted函数里
			this.getServerData();
		},
		...
	}

onReadyuniapp 中页面生命周期函数,在页面渲染完毕后执行,可以在这个函数中获取到页面的 DOM 元素,进行一些页面的初始化操作。

mountedVue 中组件生命周期函数,在组件挂载到 DOM 后执行,可以在这个函数中获取到组件的 DOM 元素,进行一些组件的初始化操作。

你可能感兴趣的:(echarts,uni-app,前端)