企业官网建设流程全解析

const DEFAULT_WAIT = 3000 const lastMap = new WeakMap() // vm -> { [key]: timestamp } /** * 提交防重复：校验通过后、请求前调用。 * @param {Vue} vm 组件实例（用于 $message） * @param {string} key 同一页面不同操作区分的键 * @param {object} [options] * @param {number} [options.wait=3000] 节流间隔 ms * @param {boolean} [options.busy=false] 是否正在提交 * @param {string[]} [options.loadingKeys] 组件上的 loading 字段名 * @param {string} [options.message] 拦截提示文案 * @returns {boolean} true=可继续请求；false=已拦截 */ export function checkSubmitThrottle(vm, key, options = {}) { const { wait = DEFAULT_WAIT, busy = false, loadingKeys = [], message = '请求过于频繁，请稍后再试', } = options const isBusy = busy || loadingKeys.some((k) => vm[k]) if (isBusy) { vm.$message.warning(message) return false } let map = lastMap.get(vm) if (!map) { map = Object.create(null) lastMap.set(vm, map) } const now = Date.now() if (now - (map[key] || 0) < wait) { vm.$message.warning(message) return false } map[key] = now return true }

//页面引用使用 import { checkSubmitThrottle } from '@/utils/submitThrottle'; //请求前使用 if (!checkSubmitThrottle(this, 'delivery', { loadingKeys: ['dialoading'] })) { return; } /* key 是你自己起的操作标识字符串，用来在同一个页面组件里区分不同提交动作的节流计时。 loadingKeys 是组件 data 里 loading 状态字段名的数组。方法会用这些名字去读 vm 上的值，任一为 true 就视为「正在提交」，直接拦截并提示。 */