Vue计算属性中，一个数组对象使用map函数报错是什么情况？

Question

vue组件中的一个计算属性code,依赖另一个计算属性projectPath(该属性只有数组或者undefined两种值),但是在code的计算函数中调用map，却报

TypeError: this.projectPath.map(...) is not a function

这是什么道理？？？

代码：

    code () {
      if (this.projectPath) {
        console.log(typeof this.projectPath.map)
        let list = this.projectPath.map(item => item.nodeCode)
        return list.join('_')
      }
      return undefined
    },

报错：

Answer 1

自己坑了自己半小时。在其他地方写了一个错误，导致vue不会自动更新，这里应该是旧的代码有问题，但是改正后没有更新，导致代码和报错对不上。

Answer 2

你的报错里说的是 pathList 而你打印输出的是 projectPath。

你应该看 pathList 是不是 null 或者 undefined 了。

Answer 3

因为你的projectPath初始值不是个数组，所以在他原型是上没有map方法。

可以看这篇文章 https://blog.csdn.net/wxl1555...