Vue.js v-show не будет отличаться от других компонентов - PullRequest
Новая
       18

Vue.js v-show не будет отличаться от других компонентов

0 голосов
/ 27 сентября 2018

У меня есть этот компонент в vue.js

Component 1

Когда я нажимаю одну из точек, она меняет мой «выбранный» на значение.

Тогда у меня есть 4 скрытых компонента, импортированных в этот компонент.У них есть v-show = "selected == value".Когда я нажимаю, например, "oplysninger", он теперь показывает этот компонент info.vue.Он работает как надо.

component 2

Затем я кодировал излучатель с помощью eventbus, который связывается с settings.vue (где отображается «oplysninger»).Когда я нажимаю маленькую стрелку в левом углу, она меняет мой «выбранный» на settings.vue, а затем закрывает эту вкладку.

НО ничего не делает.Я попытался console.log, чтобы увидеть, если событие emitter возвращается и меняет мое значение в настройках, и это действительно изменить его.

logs

test -> from info.vue
test2 -> from settings.vue
0 -> is the value of selected on settings.vue.

Может кто-нибудь сказать мне, почему я не закрываю свою вкладку info.vue, а затем снова показывает навигацию?

КОД:

SETTINGS.VUE 

this.$eventHub.$on('changeSelect', function () {
      console.log('test2')
      this.selected = 0
      console.log(this.selected)
    })

INFO.VUE 

<div v-show="active == 0" class="header">
      <img class="backArrow"  @click.prevent="select()"  src="static/img/icons/backArrowSettings.svg" alt="">
      <h3 class="headline"> Oplysninger </h3>
      <a href="#" @click.prevent="">Gem</a>
    </div>

select () {
      console.log('test')
      this.$eventHub.$emit('changeSelect', 0)
    },

Заранее спасибо.

...