这个是由于异步请求造成的,通过axios进行请求数据,将数据存储在data里面,当我们在methods里面操作这个数据的时候就会出现这个问题,这个数据是可以console.log出来,但是拿不到的,刚开始我也在网上找了很多关于说转json的但是还是没有用,然后我就将其写在了通过axios获取数据的内部,然后就可以了。

created() {
	let id = this.getUrlParam("id");
	let ac = this.getUrlParam("ac");
	axios.get(`/svc/assessment/scale/report/${id}?ac=${ac}`)
		.then((res) => {
			this.exam = res.data.payload.indicators;
			this.endTime = res.data.payload.timeTaken;
			console.log(this.exam.score);
				var ctx = document.getElementById("myChart").getContext("2d");
				var chart = new Chart(ctx, {
					type: 'bar', //形状
					data: {
						labels: ["我的得分"],
						datasets: [{
							backgroundColor: [
								'rgba(190, 230, 253, 0.2)',
							],
							borderColor: [
								'#16A085',
							],
							borderWidth: 1,
							data: [this.exam.score],
						}]
					},
					options: {
						legend: {
							display: false
						},
					}
				});
		});
},
Logo

前往低代码交流专区

更多推荐