1,需求
多個(gè)頁面用到列表懶加載
2,
提取出組件
3,頁面A(父文件)

image.png

image.png
4,頁面B(父文件)
同頁面A的方式引入 lodeMore 組件
5, lodeMore 組件(懶加載為組件)

image.png

image.png

image.png
6,注意
在這里子組件通過滾動(dòng)事件 調(diào)用多個(gè)父組件的方法
我這邊一開始
子組件調(diào)用父組價(jià) 使用的是下面這種方法:

image.png
出現(xiàn)了一個(gè)bug:
在頁面B 滾動(dòng) 數(shù)據(jù)加載的時(shí)候,同時(shí)調(diào)用了頁面A的方法
經(jīng)測(cè)試,如果子組件只是點(diǎn)擊事件觸發(fā)父組件的方法,不會(huì)出現(xiàn)上面的bug
測(cè)試列子:
1,滾動(dòng)事件
測(cè)試: this.$parent.fafun();
頁面A:

image.png
頁面B

image.png