手抄报 安全手抄报 手抄报内容 手抄报图片 英语手抄报 清明节手抄报 节约用水手抄报

vue如何异步加载pdf文档

时间:2024-10-12 12:48:10

1、如果使用是mysql,通过原生的SQL语句也可以轻松地实现,page是指查询字符串,为当前请求的页数;l_num为每页限制的文章个数:

vue如何异步加载pdf文档

2、但是如果你采用的是前端向后端请求AJAX请求的话,那么将不用操作这个对象的其他属性,而是直接通过其items得到当前页面(指查询字符串所对应的当前页面)中的记录,为当前页面所有的文章ORM实例的列表:

vue如何异步加载pdf文档

3、将得到的posts_list通过列表生成式得到包含当前页面的所有文章内容的字典列表,并且通过jsonify()方法转换为JSO绿覆冗猩N格式。这样前端在调用/post/page=1的API时,后端将会返还第一页的所有文章内容的JSON数据,例如这样:

vue如何异步加载pdf文档

4、后端是nodeJS,也有相应的方法来容易地实现:

vue如何异步加载pdf文档

5、在首次加芙囹买乐载文档首页时请求第一页的内容,并将其存放到数组当中,然年通过“查看更多按钮”(或者通过下一页)触发点击事件,来分筛觐子裆发action中请求下一页的内容,并且在每次触发点击事件之后,用来记录当前阅读的页数变量自加1,并通过mutation来更新用来存放文章内容的数组:

vue如何异步加载pdf文档

6、在mutations.js文件中定义增加页数和合并文章数组的mutation:

vue如何异步加载pdf文档
© 手抄报圈