1.假如數(shù)據(jù)有600條
2.在dom中我們用v-for先渲染前200條,比如v-if="$index<num"或其他方式;下面聲明num:200
3.這里我們想用一個事件來觸發(fā),比如click,scroll,來渲染剩余的數(shù)據(jù).
怎么樣,有沒有什么騷操作?
v-if="$index<num"
num是個變量不就好了
click改變num的值
vue可以監(jiān)聽數(shù)據(jù)的變化,
首先將請求到的數(shù)據(jù)存在A里面,然后我們生命一個B來儲存A的前200條,這時會渲染前200條,然后事件觸發(fā),令B為201-
400條(可以累加,看自己需求)
然后數(shù)據(jù)變化就會重新渲染,當然上面的個數(shù)都可以是變量
這樣就可以簡單的實現(xiàn)
當然還是接口可以分頁比較好
我覺得接口中提供pageNum和pageSize字段是最方便的
無論是分頁顯示，還是加載更多，都可以做
那些ui(iview、element ui)都有提供分頁和滑動加載的功能!
如果非要自己來做的話，我覺得可以把600條數(shù)據(jù)拆分。data1,data2,data3,...
data1，滑動到底再循環(huán)data2(append,這里的append就看你是不是想保留data1里面的數(shù)據(jù)了),...僅供參考
北大青鳥APTECH成立于1999年。依托北京大學優(yōu)質雄厚的教育資源和背景，秉承“教育改變生活”的發(fā)展理念，致力于培養(yǎng)中國IT技能型緊缺人才，是大數(shù)據(jù)專業(yè)的國家
北大青鳥中博軟件學院創(chuàng)立于2003年，作為華東區(qū)著名互聯(lián)網(wǎng)學院和江蘇省首批服務外包人才培訓基地，中博成功培育了近30000名軟件工程師走向高薪崗位，合作企業(yè)超4
中公教育集團創(chuàng)建于1999年，經(jīng)過二十年潛心發(fā)展，已由一家北大畢業(yè)生自主創(chuàng)業(yè)的信息技術與教育服務機構，發(fā)展為教育服務業(yè)的綜合性企業(yè)集團，成為集合面授教學培訓、網(wǎng)
達內教育集團成立于2002年，是一家由留學海歸創(chuàng)辦的高端職業(yè)教育培訓機構，是中國一站式人才培養(yǎng)平臺、一站式人才輸送平臺。2014年4月3日在美國成功上市，融資1
浪潮集團項目經(jīng)理。精通Java與.NET 技術， 熟練的跨平臺面向對象開發(fā)經(jīng)驗，技術功底深厚。 授課風格 授課風格清新自然、條理清晰、主次分明、重點難點突出、引人入勝。
曾工作于聯(lián)想擔任系統(tǒng)開發(fā)工程師，曾在博彥科技股份有限公司擔任項目經(jīng)理從事移動互聯(lián)網(wǎng)管理及研發(fā)工作，曾創(chuàng)辦藍懿科技有限責任公司從事總經(jīng)理職務負責iOS教學及管理工作。
精通HTML5和CSS3；Javascript及主流js庫，具有快速界面開發(fā)的能力，對瀏覽器兼容性、前端性能優(yōu)化等有深入理解。精通網(wǎng)頁制作和網(wǎng)頁游戲開發(fā)。
具有10 年的Java 企業(yè)應用開發(fā)經(jīng)驗。曾經(jīng)歷任德國Software AG 技術顧問，美國Dachieve 系統(tǒng)架構師，美國AngelEngineers Inc. 系統(tǒng)架構師。
掃碼關注鍍金池微信號
手機訂課，優(yōu)惠多多