关于vue中子组件在父组件中的显示隐藏思路

1.在子组件的根元素上使用v-if指令，其中指定的变量为子组件的data中某个变量，例如show（Boolean值）。

2.在子组件的methods中创建open（）方法和close（）方法。分别去改变show的值。

3.再在父组件上调用子组件的地方，绑定ref属性，例如ref = 'controlChild'。

4.最后在父组件需要操作子组件显示的元素，绑定click方法，@click = 'showChild'

showChild() {

this.$refs.controlChild.open()

}

5.关闭的话，在子组件对应的元素上调用close方法。

标签：vue,show,showChild,controlChild,中子,组件,close,在子
来源： https://www.cnblogs.com/sunRiseProgress/p/13966504.html