Question

我有这段代码：

 computed: {
      mapState(["appErrors", "user", "profilesFor"]),
      compiledData () {
      return {
        template: `<p>${this.data}</p>`
      }
    }
  }

基本上我使用的是Vuex，它有mapState但我也想定义自己的计算函数，所以我改了

computed: mapState(["appErrors", "user", "profilesFor"]) - 工作

到

computed: {
      mapState(["appErrors", "user", "profilesFor"]),
      compiledData () {
      return {
        template: `<p>${this.data}</p>`
      }
    }
  }

但它不起作用。我该如何解决这个问题？

Answer 1

mapState helper提供包含计算的getter函数的对象。

使用spread operator在computed对象中包含其中的每个功能：

computed: {
  ...mapState(["appErrors", "user", "profilesFor"]),
  compiledData () {
    return {
      template: `<p>${this.data}</p>`
    }
  }
}

Vue使用mapState计算语法错误

1 个答案: