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方法。