寫乙個自己的vue觸底載入更多元件

2021-10-09 19:57:50 字數 830 閱讀 4809

="infinite" ref=

"container"

:style=

"">

="inner" ref=

"inner"

>

<

!-- 列表標題 --

>

"title"

>

<

/slot>

<

!-- 這裡放列表 --

>

<

/slot>

<

!-- 載入中的動畫 --

>

"loading" v-if=

"loading"

>

<

/slot>

<

!-- 載入完成的動畫 --

>

"nomore" v-if=

"nomore"

>

<

/slot>

<

/div>

<

/div>

<

/template>

export

default

, loading:

, nomore:,}

,data()

},mounted()

, methods:}}

}<

/script>

.infinite

<

/style>

個人理解:確定包裹容器的高度,超出滾動處理,然後監聽scrolltop +容器的高度 與 子盒子高度對比;

自己寫的乙個Vue

下面這裡是我自己寫的乙個小型的vue,原理就是proxy proxy天生沒有prototype,因此要加上,不然extends會報錯 proxy.prototype proxy.prototype object.prototype class myvue extends proxy super da...

寫乙個自己的簡易版vue

剛到家疫情就開始爆發,恰巧家裡沒有網,手機網路在老家的速度就像拖拉機,每天躲在家裡,還好剛到老家時搞了些口罩,不至於返程時沒有口罩可帶。手機的網路速度到底什麼樣呢,用vue cli建個專案就在那一直install,還有可能中途失敗,哎。沒法練習vue了就把自己寫好的簡易版vue拿出來又擼了擼,還有點...

自己寫乙個LIST

pragma once forward declarations templateclass clistnode templateclass clist template class clistnode void insertafter t data template void clistnode ...