Eu tenho um componente em que nele está apenas uma modal que tem o seguinte cabeçalho:
<b-modal id="mdgroup" ref="mdgroup" size="lg" title="Nova categoria de receita" @ok="save" ok-title="Salvar" cancel-title="Cancelar">
No componente pai, onde essa modal fica eu gostaria de chamar ela ao clicar em uma especie de botão:
<a href="#" v-on:click="showModal()"><icon name="eye" scale="1.6"></icon></a>
Eu consigo chamar ela de boa, da seguinte forma:
showModal(){
this.$root.$emit('bv::show::modal','mdgroup')
}
Mas a dúvida é, como eu posso passar algum valor como propriedade para essa modal? Existe outra forma de chamar ela sem ter que emitir evento?
props
a sua finalidade é para isso, oemit
é para notificar o componente pai que um evento ocorreu no componente filho.<detalhes-pedido :opened="opened" />
(isso vai no componente pai). Quando você clicar em um botão que deve abrir o modal é só trocar essa variável defalse
paratrue
. No componente filho você deve receber essa variável com um props assim:props: ['opened'],