0

I have a <b-collapse> in a child and I try to open/close it from my parent. For models I have $bvModal, but for collapse I didn't find something similar.

Parent

<b-button @isVisible="visible=true">View more</b-button>
<collapse id="collapse-1"></collapse>

Child

 <b-collapse  @click="$emit('isVisible')" class="mt-2" v-bind="$attrs">
 ....code...
 </b-collapse>

data(){
  return{
     visible: true,
  };
},
Beusebiu
  • 1,433
  • 4
  • 23
  • 68

1 Answers1

1

Try using the v-b-collapse directive to toggle your collapse.

<b-button v-b-collapse.collapse-1>View more</b-button>
<collapse id="collapse-1"></collapse>
Hiws
  • 8,230
  • 1
  • 19
  • 36