vue刷新数据

最新推荐文章于 2025-06-26 23:31:00 发布

原创最新推荐文章于 2025-06-26 23:31:00 发布 · 4.9k 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#vue #vue刷新数据

vue 专栏收录该内容

3 篇文章

订阅专栏

本文介绍了一个使用Vue.js实现的漫画阅读应用中的翻页功能。通过调用后端接口获取漫画章节内容并更新视图，实现了前后页切换。文章详细展示了翻页方法的具体实现过程，包括获取当前页面信息、发送请求、处理响应数据及错误情况。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

				var c = new Vue({
					el: "#cartoon",
					data: data,
					methods: {
						//翻页
						turnPage: function(type, bookId, event) {

							//当前页数
							var episode = (h(event.currentTarget).attr("episode"));

							//加载数据
							mui.ajax(getCartoonTurnReq, {
								dataType: 'json', //服务器返回json格式数据
								data: {
									type: type,
									episode: episode,
									bookId: bookId,
								},
								type: 'post', //HTTP请求类型
								timeout: 10000, //超时时间设置为10秒；
								success: function(cartoonData) {
									//服务器返回响应，根据响应结果，分析是否登录成功；
									if(cartoonData.status == "200") {
										c.data.title = cartoonData.data.title; //c.data 就是VUE的数据对象
										c.data.content = cartoonData.data.content;
										c.data.episode = cartoonData.data.episode;
									} else {
										mui.toast(cartoonData.message);
									}
								},
								error: function(xhr, type, errorThrown) {
									//异常处理；
									mui.toast("请求异常");
								}
							});
						}
					}
				});