Vue.js 如何在映射函数中声明Vuex gettres返回数据
我已经在vuex中声明了state和getters,我希望从中获得该州现有产品的新价格和名称。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(
当我在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'},但它应该是“;”但到目前为止我知道这是正确的。但是我在这里得到了一个错误,把“,”放进去。这个答案对你有帮助吗?