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
}
}
}
})(param)
do IIFE é desnecessário, uma vez que não estás a usar como argumento na função.Modules
? A pergunta é interessante mas não está bem clara ainda...Store
, não preciso pegar informação daStore
, só preciso, se possível, executar um getter nodata
ouconst
})(param)
ainda será montado, e ele será usado para umdispatch
mais para frentecomputed
para isso? Se perceber(mos) o problema a resposta não demora :)