问题现象

使用滚动加载，偶现相同请求发送两次BUG，比如：pageIndex = 2连续请求两次, 下一次请求就变成了pageIndex=4，pageIndex=3的请求丢失

解决思考

判断上次请求是否已经发送过，如果已经发送，那么就阻止

核心代码

// 缓存
data() {
	return {
		keyMap: {}
	}
}
methods: {
	loadPage(pageIndex) {
		// 将当前pageIndex制作成下标，并查看缓存中是否存在指定下标的值
		const key = `_${pageIndex}`
		const value = this.keyMap[key]
		// 如果value存在，表示缓存有值，那么阻止请求
		if(value) {
			return 
		}
		// value不存在，表示第一次请求,设置占位
		this.keyMap[key] = 'temp'
	}
}
# 前端 # javascript
Logo
Vue

前往低代码交流专区

更多推荐

vue 表单验证

1、6位小写字母和数字必须包含两个字母rules: [{ required: true, message: "XXX不能为空", trigger: "blur" },{ max: 6, message: "最大长度为6位字符", trigger: "blur" },{pattern: /^(?=(?:[^a-z]*[a-z]){2})[a-z0-9]{6,6}$/, //不连续的两位字母// /^

avatar Vue
cover

echarts堆叠柱状图

avatar Vue

Error in v-on handler: "TypeError: Cannot read properties of undefined (reading 'current')"

这是一个 Vue.js 错误，报错信息提示在 v-on 处理程序中出现了错误：“TypeError: Cannot read properties of undefined(读取 'current')”。这意味示在您的代码中，试图读取一个未定义的变量 'current'。您需要检查您的代码，确保 'current' 已正确定义并初始化。...

avatar Vue