Warning: file_get_contents(/data/phpspider/zhask/data//catemap/1/vue.js/6.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Vue.js 如何在映射函数中声明Vuex gettres返回数据_Vue.js_Vuex - Fatal编程技术网

Vue.js 如何在映射函数中声明Vuex gettres返回数据

Vue.js 如何在映射函数中声明Vuex gettres返回数据,vue.js,vuex,Vue.js,Vuex,我已经在vuex中声明了state和getters,我希望从中获得该州现有产品的新价格和名称。 当我在getter中声明返回数据时,它抛出了一个语法错误,它是预期值,给定值。 但从我的观点来看,这是正确的,那么确切的错误是什么呢 状态:{ 价值1:1, 产品:[ {标题:'Hp1',价格:500}, {标题:'Hp2',价格:600}, {标题:'Hp3',价格:700}, ] }, 吸气剂:{ 销售产品:状态=>{ var newProductsList=state.products.map(

我已经在vuex中声明了state和getters,我希望从中获得该州现有产品的新价格和名称。
当我在getter中声明返回数据时,它抛出了一个语法错误,它是
预期值
给定值。
但从我的观点来看,这是正确的,那么确切的错误是什么呢

状态:{
价值1:1,
产品:[
{标题:'Hp1',价格:500},
{标题:'Hp2',价格:600},
{标题:'Hp3',价格:700},
]
},
吸气剂:{
销售产品:状态=>{
var newProductsList=state.products.map(product=>{
返回
{
标题:'**'+product.title+'**',
价格:product.price/2+%Off
}
});
返回新产品列表;
}
}

这有点奇怪。当我复制并粘贴你的代码时,它就不起作用了。当我自己从你的例子中手工输入时,它就起作用了。通常这类事情意味着你在某个地方混合了一个无效的ASCII字符。我改变的主要内容是使用双引号而不是单引号:

  state: {
    value1: 1,
    products: [
      { title: 'Hp1', price: 500 },
      { title: 'Hp2', price: 600 },
      { title: 'Hp3', price: 700 },
    ]
  },
  getters: {
    saleProducts: state => {
      var newProductsList = state.products.map(product => {
        return {
          title: "** " + product.title + " **",
          price: product.price/2 + " % Off"
        }
      })
    }
  },
看看你是否能发现差异。以下是codesandbox.io链接:


浏览到
/store/modules/main.js
以就地查看它。

我认为
状态
不是vue组件的有效属性。我知道你是说这是vuex,但如果没有上下文和实际错误,很难知道什么是错误的。你能创建一个codesandbox.io吗?在我给出的标题“”之后返回{title:'**'+product.title+'**',price:product.price/2+%Off'},但它应该是“;”但到目前为止我知道这是正确的。但是我在这里得到了一个错误,把“,”放进去。这个答案对你有帮助吗?