从 parent Vuejs 打开折叠

Question

我在 child 中有一个 <b-collapse> 我尝试 open/close 它来自我的 parent。对于模型，我有 $bvModal，但对于崩溃，我没有找到类似的东西。

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,
  };
},

Answer 1

尝试使用 v-b-collapse directive 切换折叠。

<b-button v-b-collapse.collapse-1>View more</b-button>
<collapse id="collapse-1"></collapse>

Open collapse from parent Vuejs