老师为什么我获取的空

老师为什么我获取的空

# 具体遇到的问题

# 报错信息的截图
当我获取city的时候他会返回空
# 相关课程内容截图

# 尝试过的解决思路和结果

# 粘贴全部相关代码,切记添加代码注释(请勿截图)

在这里输入代码,

<template>

    <div>

        <home-header :city="city"></home-header>

        <home-swiper></home-swiper>

        <home-icons></home-icons>

        <home-recommend></home-recommend>

        <home-weekend></home-weekend>

    </div>

</template>

<script>

import HomeHeader from './components/Header'

import HomeSwiper from './components/Swiper'

import HomeIcons from './components/Icons'

import HomeRecommend from './components/Recommend'

import HomeWeekend from './components/weekend'

import axios from 'axios'

export default {

    name:'Home',

    components:{

        HomeHeader,

        HomeSwiper,

        HomeIcons,

        HomeRecommend,

        HomeWeekend

    },

    data() {

        return {

            city ''

        }

    },

    methods: {

       getHomeInfo () {

           axios.get('/api/index.json')

           .then(this.getHomeInfoSucc)

       },

       getHomeInfoSucc (res) { 

            console.log(res);

           

          

       }

    },

    mounted() {

        this.getHomeInfo()

    },

}

</script>

​可通过选择【代码语言】突出显示

正在回答 回答被采纳积分+1

登陆购买课程后可参与讨论,去登陆

2回答
好帮手慕星星 2020-11-22 11:48:50

同学你好,res.data.data.city是具体的属性值

http://img1.sycdn.imooc.com//climg/5fb9df210974506707310234.jpg

而代码中获取的是json文件中返回的总数据

http://img1.sycdn.imooc.com//climg/5fb9df4b09990f3b03340165.jpg

课程中是有进一步获取数据的

http://img1.sycdn.imooc.com//climg/5fb9df8509d9667e09400436.jpg

建议完善一下。祝学习愉快!

好帮手慕慕子 2020-11-21 17:24:09

同学你好,老师在源码中测试同学的代码,是可以正常获取到数据的,如下图所示:

http://img1.sycdn.imooc.com//climg/5fb8db10098056be07460496.jpg

建议:同学检查下index.json文件中是否是有内容。

如果有内容的话,可以下载下源码,将你的代码放在源码中测试下,如果可以获取到数据,那就说明不是home.vue文件中代码的问题,而是其他地方的问题,可以先对比源码排查下。

​如果排查不出来,可以将你的其他代码也粘贴过来,老师帮助同学测试下。

祝学习愉快~

  • 提问者 qq_慕瓜7049344 #1
    我如果要获取 必须 使用 res.data.data.city才可与
    2020-11-21 19:44:14
问题已解决,确定采纳
还有疑问,暂不采纳

恭喜解决一个难题,获得1积分~

来为老师/同学的回答评分吧

0 星
请稍等 ...
微信客服

购课补贴
联系客服咨询优惠详情

帮助反馈 APP下载

慕课网APP
您的移动学习伙伴

公众号

扫描二维码
关注慕课网微信公众号

在线咨询

领取优惠

免费试听

领取大纲

扫描二维码,添加
你的专属老师