Есть миксин WorkService.js, в котором пишу метод viewDetails(id){

Question

Есть миксин WorkService.js, в котором пишу метод viewDetails(id){

let workToView = _.find(this.works, {id:id})
this.$emit("viewDetails",workToView);
}
который нужен при передачи выбранного обьекта.
При отображении детальной странички мне нужно его получить
import WorkService from "../../mixins/WorkService";
export default {
mixins: [WorkService],
data(){
return{
work:{}
}
},
created() {
WorkService.$on('viewDetails',(selectedWork) =>{
this.work = selectedWork
})
}
}
Сейчас уже стоит vue3 и встроенный метод $on уже не срабатывает. Как теперь писать?

#frontend #javascript #programming #russian #vue.js

0

02.07.2022

7 ответов

16 просмотров

Lugovskoy Dmitriy Автор вопроса

Юрий Дмитриев
Документация говорит о том, чтобы заменять on на г...

Ну и как же тогда лучше теперь мне вытащить объект?

0

02.07.2022

Anton Shapovalov

Lugovskoy Dmitriy
Ну и как же тогда лучше теперь мне вытащить объект...

Вынести это дело в какой-нибудь composable, наверное Ну или вкрячить какой-нибудь mitt в качестве глобального eventbus

0

02.07.2022

Юрий Дмитриев

Lugovskoy Dmitriy
Ну и как же тогда лучше теперь мне вытащить объект...

Зависит от задачи по коду трудно сказать что ты делаешь

0

02.07.2022

Lugovskoy Dmitriy Автор вопроса

Юрий Дмитриев
Зависит от задачи по коду трудно сказать что ты де...

я пока просто учусь. Мне бы хотелось бы просто вытащить объект из миксина

0

02.07.2022

Юрий Дмитриев

Lugovskoy Dmitriy
я пока просто учусь. Мне бы хотелось бы просто выт...

Тут зависит от задачи. Можно пойти разными путями 1 эвент бас 2 стор 3 сервис

0

02.07.2022

Lugovskoy Dmitriy Автор вопроса

Юрий Дмитриев
Тут зависит от задачи. Можно пойти разными путями ...

Не знаю тогда как объяснить. Есть главный app.js window.Vue = require('vue').default; Дальше как понимаю в нем нужно назначить const eventBus = new window.Vue export default eventBus Затем в мексине у меня описан метод viewDetails(id){ let workToView = _.find(this.works, {id:id}) this.$emit("viewDetails",workToView); } И чтоб увидеть детали объекта я делаю import WorkService from "../../mixins/WorkService"; export default { mixins: [WorkService], data(){ return{ work:{} } }, created() { eventBus.$on("viewDetails",(selectedWork) =>{ this.work = selectedWork }) console.log(this.work); } }

0

02.07.2022

Юрий Дмитриев · Accepted Answer

Юрий Дмитриев

Документация говорит о том, чтобы заменять on на глобальный eventbus. Но это плохая идея

0

02.07.2022

169 похожих чатов

Есть миксин WorkService.js, в котором пишу метод viewDetails(id){

7 ответов

Похожие вопросы