vue.js怎么在页面一开始加载数据

JavaScript012

vue.js怎么在页面一开始加载数据,第1张

加载和显示新数据在vue里最简单了，往你的数据中添加新的值就可以了：methods:{loadMore:function(){yourAjaxMethod(function(moreData){this.items.push(moreData)}.bind(this))}}另外一个问题就是如何触发loadMore，这里像你说的，滚动。所以你需要监听下scroll事件或者使用其他滚动插件比如iscroll，在对应的回调里调用loadMore

这个很简单，你PHP程序运行结束后可以echo出一段脚本比如：

echo "<script language='javascript'>fadeOut()</script>"

然后html js脚本可以这么写：

<div id="loading">

程序加载中，请稍等.....

(里面可以放你要的等待转圈的图片或者将其设置为背景图)

</div>

<script language='javascript'>

function fadeOut(){

document.getElementById("loading").style.display="none"

}

</script>

可以用 jquery ajax 异步 实现

$.ajax({

type: "POST",

url: 请求路径 如 “/asmx/1.asmx/HelloWorld”,

data: 传输参数 要看请求类型 每个返回参数类型不同参数格式不一样,

dataType: 返回参数类型 如 "html、json "等,

beforeSend: function (XMLHttpRequest) {

$("#divlist").html("正在加载数据")

},

success: function (msg) {

},

complete: function (XMLHttpRequest, textStatus) {

请求完成后回调函数 (请求成功或失败时均调用)。参数： XMLHttpRequest 对象，成功信息字符串。},

error: function (e, x) {

执行错误走 此方法

}

})

详情 请 参考 下网址 参数 说明

http://www.360doc.com/content/10/0815/16/2736180_46234711.shtml