Vue发axios请求，数据成功拿到，但是不能渲染到页面的问题 |
您所在的位置：网站首页 › 柱状图的图例组件数据是从后端请求来的但不显示 › Vue发axios请求，数据成功拿到，但是不能渲染到页面的问题 |
Vue发axios请求，数据成功拿到，但是不能渲染到页面的问题
|
Vue发axios请求，数据成功拿到，但是不能渲染到页面的问题。
昨天还还好的项目，今天开服务器代理报错。一开始以为代理有问题，就各种搜，无效。 最后竟然发现是接口出了问题！！！ 找到新的接口后，拿到数据，但是还是无法渲染到页面，又是各种搜。。。 最后看工具，发现JSON数据获取的是对象，我按着数组处理的，肯定不对啊。。。太蠢了。。以下是我修改的过程，希望可以帮到你 查看JSON数据格式 获取到的JSON是对象中包含数组 返回查看发请求的代码
这是改之前的错误代码 mounted() { this.axios.get(`/ajax/cinemaList`).then( response => { // console.log(response.data) var cinemas = response.data // console.log(cinemas) if (cinemas) { this.cinemas = response.data // 此处的this.cinemas是一个对象！！ this.isLoading = false } console.log(this.cinemas) } ) } 修改后 mounted() { this.axios.get(`/ajax/cinemaList`).then( response => { // console.log(response.data); var cinemas = response.data // console.log(cinemas) if (cinemas) { this.cinemas = response.data.cinemas // 修改后 this.isLoading = false } console.log(this.cinemas) } ) } 好了，解决了，大家不要像我一样这么傻啊。。。 |
【本文地址】
今日新闻 |
推荐新闻 |