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

 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM