Есть 2 независимы страницы. По клику на кнопку на одной странице
//search.vue
<html><button @click="showSelectedCompanies">ПОСМОТРЕТЬ</button> </html>
<script>
import {bus} from '../../bus'
export default {
showSelectedCompanies () {
this.items = this.items.filter(e => this.selectedCompaniesId.includes(e.id))
console.log('this.itemsSearch', this.items)
bus.$emit('selectedCompanies', this.items)
this.$router.push({path: 'selected'})
},
}
<script>
Массив
this.items должен быть передан на вторую страницу
//Selected.vue
<script>
import {bus} from '../../bus'
export default {
mounted () {
bus.$on('selectedCompanies', (data) => {
console.log('data', data)
this.items = data
console.log('this.items', this.items)
})
},
beforeDestroy () {
bus.$off('selectedCompanies')
}
}
</script>
Консоль распечатывает массив, который подготовлен для передачи при клике, но, то, что должно быть распечатано при прослушивании этого события - нет
Интересно то, что в vue devtools это событие с нужным заполненным массивом есть
Что может быть не так?
P.S. На странице Search слушаю другое событие и все нормально
