這篇文章主要介紹vue如何實(shí)現(xiàn)新聞?wù)故卷摚闹薪榻B的非常詳細(xì),具有一定的參考價(jià)值,感興趣的小伙伴們一定要看完!
在秀嶼等地區(qū),都構(gòu)建了全面的區(qū)域性戰(zhàn)略布局,加強(qiáng)發(fā)展的系統(tǒng)性、市場前瞻性、產(chǎn)品創(chuàng)新能力,以專注、極致的服務(wù)理念,為客戶提供成都網(wǎng)站設(shè)計(jì)、網(wǎng)站制作 網(wǎng)站設(shè)計(jì)制作按需網(wǎng)站建設(shè),公司網(wǎng)站建設(shè),企業(yè)網(wǎng)站建設(shè),品牌網(wǎng)站設(shè)計(jì),營銷型網(wǎng)站建設(shè),外貿(mào)網(wǎng)站建設(shè),秀嶼網(wǎng)站建設(shè)費(fèi)用合理。
需求
1. 做一個(gè)新聞?wù)故卷?br/>2. 新聞分類可以自定義
3. 每類新聞的內(nèi)容,樣式不一樣
4. 上拉加載新的數(shù)據(jù)
5. 點(diǎn)擊進(jìn)入詳情頁,再返回時(shí),定位到原來的位置
圖片展示
服務(wù)器端的東西,所以感覺不是很合適。而且我們需要Ajax加載數(shù)據(jù),怎樣能返回路由的時(shí)候,展示ajax加載的內(nèi)容呢?
我想到了記錄個(gè)數(shù),每次進(jìn)入路由再從這個(gè)數(shù)開始加載,但是呢我們沒有下拉更新,用戶再也看不到之前看的內(nèi)容。
后來我想到了H5 的緩存方法。使用了sessionStorage。
sessionStorage用于本地存儲(chǔ)一個(gè)會(huì)話(session)中的數(shù)據(jù),這些數(shù)據(jù)只有在同一個(gè)會(huì)話中的頁面才能訪問并且當(dāng)會(huì)話結(jié)束后數(shù)據(jù)也隨之銷毀。因此sessionStorage不是一種持久化的本地存儲(chǔ),僅僅是會(huì)話級(jí)別的存儲(chǔ)。
再離開一個(gè)路由之前,把這個(gè)路由現(xiàn)在狀態(tài)信息全部記錄下來(包括提示語,滑動(dòng)位置,新聞內(nèi)容等),等下次進(jìn)入這個(gè)路由的時(shí)候,再取出來數(shù)據(jù)這樣就實(shí)現(xiàn)了不管加載多少數(shù)據(jù),再次進(jìn)入這個(gè)路由的時(shí)候,都可以和上一個(gè)銜接上。
下圖為存在緩存里面的內(nèi)容。而且一關(guān)閉瀏覽器數(shù)據(jù)會(huì)被清空
vue如何實(shí)現(xiàn)新聞?wù)故卷?/a>
標(biāo)題鏈接:http://chinadenli.net/article46/gisphg.html
成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián),為您提供外貿(mào)網(wǎng)站建設(shè)、全網(wǎng)營銷推廣、網(wǎng)站改版、微信公眾號(hào)、ChatGPT、定制開發(fā)
聲明:本網(wǎng)站發(fā)布的內(nèi)容(圖片、視頻和文字)以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主,如果涉及侵權(quán)請盡快告知,我們將會(huì)在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場,如需處理請聯(lián)系客服。電話:028-86922220;郵箱:631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載,或轉(zhuǎn)載時(shí)需注明來源: 創(chuàng)新互聯(lián)