vue.js載入新的內容

vue是一種輕巧便捷的框架，那麼如何進行對於資料載入的刷新呢？以下就是我對於vue.js資料載入的一點想法

原始碼：

　　

　　　　
• 
  　　　　　　
  
  >　　　]gt; # 　　

　　

　　　　

加載...<#p<
　　　

載入中...<#p<]# class> ;
　　

解析：

$(function() {

　　　　var pageNum = 1;
　　　　var pageSize = 6;
　　　　vue = new Vue({
　　　　el: '#app',##　　　　　　　pageNum: pageNum,
　　　　　　pageSize: pageSize,
　　　　　　rawItems: [],
　　　　　　site: [],
　　　　　　site; : {
　　　　　　getList: function() {
　　　　　　$.showLoading();
　　　　　　　　this.$http.get(store.list, {
　　　　　　　　　　pageNum: pageNum,　　　　　　pageNum: pageNum,　　　　　page頁ize
　　　　　　}).then(function(result) {
　　　　　　$.removeLoading();
　　　　　　　　this.sitems = result.data.data.items;
　　　　　　}, function() {#　　　　　　}, function() {#　　　　　　　$.showAlert({
　　　　　　　　'title': '提示' ,
　　　　　　　　'content': "頁面偷懶了~~",
　　　　　　　　'sure': 　close## 　　　　'sure': 　　　　　})
　　　　},
　　　　close: function() {
　　　　　　history.go(-1);
　　　　},
　　　　onScroll: function(event) {
　　　　onScroll: function(event) {
　　　　onScroll: function(event) {
[　　　　　　scrollHeight = event.target.scrollHeight,
　　　　　　scrollTop = event.target.scrollTop,
　　　　　　scrollBottom = offsetHeight + scrollTop;
　　 1] scrollHeight) {
　　　　　　　if(this.pageNum == Math .ceil(this.rawItems.length / this.pageSize)) {
　　　　　　　　return
# 　　　　　　　}
# 　　　　　　　　　　　　pageNum++;
　　　　　　　$(".myload").removeClass("disn ");
　　　　　　　vue.$http.get(store.list, {
　　　　　　　　　pageNum: pageNum,
　　　　　　　　　pageSize: pageSize
　　　　　　　}).then(function(result) {
　　　　　　　　　　setTimeout(function () {
　　　　　　　　　　　　$(".myload").addClass("disn");
　　　　　ms. data.items);
　　　　　　　　　　}, 2000)
　　　　　　　　}, function() {
　　　　　　　　　$(".myload").addn("　　　　$(".myload").addn(" 　　　　　一　　　　　　　　　　　}
　　　　},
　　},
　　　　ready : function() {
　　　　　　this.getList();
　　　　　　for(var i = 0; i <= 1000; i++) {#this 　　　] # 　　　　　　}
　　　　}
　　})
})

以上是vue.js載入新的內容的詳細內容。更多資訊請關注PHP中文網其他相關文章！