APP頁面增加下拉重新整理方法

2021-08-11 10:30:10 字數 1100 閱讀 7261

需要用到farmework7框架

頁面body頭部新增如下

html ,

尾部加上4個

<

divclass

="statusbar-overlay"

>

div>

<

divclass

="views"

>

<

divclass

="view view-main"

>

<

divclass

="page"

>

<

divclass

="page-content pull-to-refresh-content"

>

<

divclass

="pull-to-refresh-layer"

>

<

divclass

="preloader"

>

div>

<

divclass

="pull-to-refresh-arrow"

>

div>

div>

底部新增如下js(放在

jq.js

和famework7.min.js

後),可以單獨呼叫也可以放在

<

script

>

var= new

framework7

();

var$$

= dom7;

// 下拉重新整理頁面

varptrcontent

= $$

('.pull-to-refresh-content');

// 新增'refresh'***

ptrcontent.on

('refresh'

, function(e

) ,

2000);

});

script

>

vue頁面重新整理方法

有時候在頁面裡做了某些操作以後,需要頁面重新整理一下來重新獲取資料。試了幾種方法,以下總結 1 this.router.go 0 這種方法頁面會一瞬間的白屏,體驗不是很好,雖然只是一行 的事 2 location.reload 這種也是一樣,畫面一閃,效果總不是很好 3 跳轉空白頁再跳回原頁面 在需...

jQuery全頁面重新整理方法

window.location.reload 重新整理當前頁面 parent.location.reload 重新整理父親物件 用於框架 opener.location.reload 重新整理父視窗物件 用於單開視窗 top.location.reload 重新整理最頂端物件 用於多開視窗 浮層內嵌...

總結VUE幾種頁面重新整理方法

有時候在頁面裡做了某些操作以後,需要頁面重新整理一下來重新獲取資料。試了幾種方法,以下總結 1 this.router.go 0 這種方法頁面會一瞬間的白屏,體驗不是很好,雖然只是一行 的事 2 location.reload 這種也是一樣,畫面一閃,效果總不是很好 3 跳轉空白頁再跳回原頁面 在需...