Как сделать так, чтобы клик в одном компоненте вызывал клик в другом компоненте?

Question

[nastya_zholudeva]

Есть компонент Menu.vue

<button class="text-size" id="little-letter" @click="setSizeText(-10)">A</button>

methods: {
    setSizeText (val) {
      this.$emit('sizeValue', val)
    }
  }

И есть родительский Reader.vue.
Нужно чтобы по клику на компонента Menu.vue (метод setSizeText (val)) передавал данные в Reader.vue и там срабатывал например метод по клику, который эти данные получал и использовал

Answer 1

[lavezzi1]

Немного не понятно. Компонент menu будет использоваться в компоненте reader? Если да то так:

reader.vue:

<menu @sizeValue="onSizeChange"></menu>

methods: {
  onSizeChange(value) {
    console.log(value);
  }
}

Comments

[nastya_zholudeva]

lavezzi1,

Компонент menu будет использоваться в компоненте reader

да. А мы value получаем из menu с помощью this.$on('sizeValue', function (val) {})

[lavezzi1]

nastya_zholudeva, в чем вопрос тогда?