我是 example1 页面。以下示例注意打开控制台观察
从其他页面切换到本页面时,本页面会显示 loading,这个 loading 的持续过程包括了所有页面的公共请求(/api/user/)以及本页面自己的抓取数据的请求。
本页面自己的请求为 /app/index?invoke=enterExample1 和 /app/index?invoke=enterExample2,详情参见 src/views/example1/index.vue 文件 fetchPageData 方法。用来模拟进入页面,需要获取数据才能显示页面的情况。
{{enterMsg1}}
{{enterMsg2}}
点击下方的 btn1 按钮发送一个 ajax 请求,请求执行时间为 2 秒,多次点击,会 cancel 上一次未返回的请求
点击下方的 btn2 按钮发送一个 ajax 请求,请求执行时间为 2 秒,多次点击,不会 cancel 上一次未返回的请求
{{btn1Msg}}
{{btn2Msg}}
演示 delete 请求,如何发送数据
{{delMsg}}
获取 user 信息
{{userInfo}}