1

Em um componente Vue.Js eu utilizo este modelo de Script como no exemplo. Em um getter, eu inseri um return do que se recebe

const GetSegmento = () => (param) => {
  return (() => {
    return param
  })(param)
}

"Ele será evoluído conforme eu consiga fazer o que procuro aqui"

Em meu componente eu procuro poder receber o Objeto ou Valor que meu getter retorna no data > segmento onde pretendo utilizar outrora para outra coisa, o que gostaria de saber é, como consigo o retorno executado, ou só o resultado no caso ao utilizar o Getter GetSegmento na parte Data?

Caso eu coloque o this.GetSegmento(this.$route) dentro do Console.log está funcionando perfeitamente, porém gostaria de usar dentro do Data caso isso seja possível, claro, não sei se é possível ou como fazer.

export default {
  data: () => ({
    segmento: s => this.GetSegmento(this.$route)
  }),

  onIdle () {
    console.log(this.segmento)
  }
}

Isso é o que retorna quando eu uso da forma acima

ƒ segmento(s) {
  return _this.GetSegmento(_this.$route);
}

O objetivo real, é também saber se é possível o utilizar em uma Constant no seguinte exemplo.

const segmento = s => this.GetSegmento(this.$route)

export default {
    computed: {
      ...mapGetters('Modules', [ 'Segmento1', 'Segmento2' ])
  },

  onIdle () {
    console.log(this[segmento])
  }
}

Explicação com Arquivos

O arquivo ao qual me refiro é um arquivo do tipo .vue, um template com o seguinte formato

<template>
  <div>{{ segmento }}</div>
</template>

<script>
  import { mapGetters } from 'vuex'

  export default {
    data: () => ({
      segmento: ''
    }),

    computed: {
      ...mapGetters('GetUm', [ 'SegmentoUm' ]),
      ...mapGetters('GetDois', [ 'SegmentoDois' ])
    },

    mounted () {
      console.log(this.SegmentoUm(this.$route)) // funciona muito bem
      console.log(this.SegmentoDois(this.$route)) // funciona muito bem
    },

    methods: {
      getSegmento () {
        this.segmento = this.SegmentoUm(this.$route.meta.segmento) // funciona também
        this.segmento = this.SegmentoDois(this.$route.meta.segmento) // funciona também
      }
    }
  }

A única coisa que desejo, é saber se é possível e como realizar a execução e retorno do resultado do SegmentoUm e ou SegmentoDois dentro do data: segmento ou dentro de um const fora do export default como no exemplo abaixo:

<template>
  <div>{{ segmento }}</div>
</template>

<script>
  import { mapGetters } from 'vuex'

  const segmento = this.SegmentoUm // ou aqui

  export default {
    data: () => ({
      segmento: this.SegmentoUm // ou aqui
    }),

    computed: {
      ...mapGetters('GetUm', [ 'SegmentoUm' ]),
      ...mapGetters('GetDois', [ 'SegmentoDois' ])
    },

    mounted () {
      console.log(this.SegmentoUm(this.segmento)) // então vejo aqui
    },

    methods: {
      getSegmento () {
        this.segmento = this.SegmentoUm(segmento) // ou aqui
      }
    }
  }
15
  • Só um aparte (estou ainda a ler a pergunta): o parametro })(param) do IIFE é desnecessário, uma vez que não estás a usar como argumento na função.
    – Sergio
    Commented 4/09/2019 às 14:07
  • Podes mostrar o ficheiro da store desse Modules? A pergunta é interessante mas não está bem clara ainda...
    – Sergio
    Commented 4/09/2019 às 14:09
  • @Sergio mas na pergunta eu não manipulei a Store, não preciso pegar informação da Store, só preciso, se possível, executar um getter no data ou const Commented 4/09/2019 às 14:57
  • @Sergio este })(param) ainda será montado, e ele será usado para um dispatch mais para frente Commented 4/09/2019 às 14:59
  • Não percebo o que queres dizer com "getter no data", por que não usas um computed para isso? Se perceber(mos) o problema a resposta não demora :)
    – Sergio
    Commented 4/09/2019 às 15:11

0

Você deve fazer log-in para responder a esta pergunta.

Pesquise outras perguntas com a tag .