鍍金池/ 問答/HTML/ Vue點(diǎn)擊li(不是循環(huán)的li)，顯示子組件莫名其妙的循環(huán)

Vue點(diǎn)擊li(不是循環(huán)的li)，顯示子組件莫名其妙的循環(huán)

1.子組件，$emit了一個(gè)show方法
clipboard.png

2.父組件這邊監(jiān)聽這個(gè)方法
clipboard.png

3.父組件的監(jiān)聽事件
clipboard.png

4.父組件觸發(fā)事件的元素
clipboard.png

5.結(jié)果：是能實(shí)現(xiàn)顯示與隱藏，但是console那邊會出現(xiàn)死循環(huán)，可是我都沒有循環(huán)過內(nèi)容，報(bào)錯(cuò)如下：
clipboard.png

6.求問是什么問題？┭┮﹏┭┮

回答
編輯回答
絯孑氣

this.$refs.selectDialog.show()也是調(diào)用子組件的show方法，show方法又觸發(fā)父組件showSelectDialog方法，so死循環(huán)了

2017年9月18日 14:37
編輯回答
舊顏

你注釋下 后面的 this.$refs.selectDialog.show()
看看效果呢~

2017年3月16日 23:40
編輯回答
心沉

父組件里面調(diào)用子組件的show方法，子組件再次$emit一個(gè)方法給父組件，父組件收到方法之后繼續(xù)調(diào)用子組件，子組件再次emit，這樣死循環(huán)， 去掉$emit就行

2017年7月28日 22:04