Доступ модальный, который находится в другом компоненте в vuejs - PullRequest
Новая
       22

Доступ модальный, который находится в другом компоненте в vuejs

0 голосов
/ 15 марта 2019

Я начинаю работать с vuejs.Я скачал шаблон, чтобы начать разработку системы;все было правильно, пока я не захотел использовать модал.Он находится в компоненте baseLayout.vue, и я попытался использовать его в методе другого компонента.Возможно ли, что я могу манипулировать им из другого компонента?Я хочу открыть его, обновить тело с другими элементами.Фрагмент моего кода приведен ниже:

baseLayout.vue 

<template>
<b-modal id="modal1" ref="modal1" title="Bootstrap-Vue">
    <p class="my-4">Hello from modal!</p>
</b-modal></template>

Я пытался использовать его здесь Analytics.vue 

<template>
<button class="btn-pill btn-shadow btn-wide fsize-1 btn btn-danger btn-lg" v-on:click="showModal()">ShowModal</button></template>

В скриптах:

methods: {
  showModal(){
    this.$refs.modal1.show()
  }
}

Не могу найти способ манипулировать модальным, что есть в компоненте.И я должен использовать его оттуда, потому что если я добавлю его в текущий компонент, он будет перекрыт заголовком и другими элементами.

...