Como declarar gettres Vuex retornar dados em uma função de mapa

votos
1

Eu declarei estado e getters em minha vuex onde eu quero obter novo preço e título dos produtos existentes no estado.
Quando eu ter declarado os dados de retorno nos getters Ele está jogando um erro de sintaxe e que é ;esperado ,dado.
Mas do meu ponto de vista, é correto para o que é o erro exato?

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
        }
    });
    return newProductsList;
  }
}
Publicado 20/10/2018 em 13:48
fonte usuário
Em outras línguas...                            


1 respostas

votos
0

Isto é um pouco bizzarre. Quando eu copiado e colado seu código, em seguida, ele não funciona. Quando eu digite-o com a mão-me de seu exemplo, então ele funciona. Normalmente, esse tipo de coisa significa que você tem um caracter ASCII inválido no mix em algum lugar. A principal coisa que mudou foi a usar aspas duplas em vez de aspas simples:

  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"
        }
      })
    }
  },

Veja se você pode manchar a diferença. Aqui está o link codesandbox.io: https://codesandbox.io/s/ywr1v7my19

Navegue até /store/modules/main.jsa vê-lo in situ.

Respondeu 20/10/2018 em 14:39
fonte usuário

Cookies help us deliver our services. By using our services, you agree to our use of cookies. Learn more