Uncaught (in promise) TypeError: Cannot read property 'map' of undefined

Question

  // 10-1 监听 
  watch: {
    pvalue:async function(newPvalue){
      let self = this;
      let { status, data:{city} } = await self.$axios.get(`/geo/province/${newPvalue}`)
      console.log(status, city)
      if(status === 200){
        self.city = city.map(item => {
          return {
            value: item.id,
            label: item.name
          }
        })

        self.cvalue = ''; // 切换城市，上次一次value要清空
      }
    },

  },

快乐老师您好：
我真的找了很久，但不知道 为什么map () 是 undefined，我打印city 也是undefined，我目前猜测是 因为 city 找不到数据，所以 map 才没办法 迴圈，但所有的代码 都和老师的一样，实在不知道哪里出错了，麻烦老师给一点提示和答案。
谢谢您。

Answer 1

快乐动起来呀 2019-12-10 23:40:17

虽然你的猜测是对的，但是我希望你是调试出来的。从错误提示看 map of undefined就能判断出你的city是undefined，那么 city 是哪来的呢？继续向上找，是不是找到了接口，看看接口返回是正常的吗，在chrome的network面板中试试看？

• 提问者 慕小庄 #1

  还是老师厉害，一下就指到重点，是我的接口出了问题，目前已经解决了，感谢老师指点！