av一区二区在线观看_亚洲男人的天堂网站_日韩亚洲视频_在线成人免费_欧美日韩精品免费观看视频_久草视

您的位置:首頁技術(shù)文章
文章詳情頁

Vue 防止短時(shí)間內(nèi)連續(xù)點(diǎn)擊后多次觸發(fā)請(qǐng)求的操作

瀏覽:43日期:2022-11-01 10:35:17

如果連續(xù)點(diǎn)擊提交按鈕,可能會(huì)重復(fù)提交數(shù)據(jù),導(dǎo)致出錯(cuò),解決的方法可以使用disabled限制點(diǎn)擊,感覺體驗(yàn)不是太好,所有給大家分享下面的方法

<el-button @click='throttle()'>測(cè)試</el-button> export default { data(){ return { lastTime:0 //默認(rèn)上一次點(diǎn)擊時(shí)間為0 } }}

methods:{ throttle(){ //獲取當(dāng)前時(shí)間的時(shí)間戳 let now = new Date().valueOf(); //第一次點(diǎn)擊 if(this.lastTime == 0){ console.log(’觸發(fā)事件’); this.lastTime = now; }else{ if((now-this.lastTime) > 2000){ //重置上一次點(diǎn)擊時(shí)間,2000是我自己設(shè)置的2秒間隔,根據(jù)自己的需要更改 this.lastTime = now; console.log(’間隔大于2秒,觸發(fā)方法’); //添加自己要調(diào)用的方法 }else{ console.log(’不觸發(fā)’); } } },}

這種方法雖然很好,但是遇到請(qǐng)求超時(shí)的情況可能不是太好處理(網(wǎng)絡(luò)原因、數(shù)據(jù)太大)。考慮通過后端是否返回res來控制。方法還有待提高!僅供參考~

補(bǔ)充知識(shí):解決vuex中module過多時(shí),需一個(gè)個(gè)引入的問題

在項(xiàng)目開發(fā)中,使用vuex,如果項(xiàng)目過大,vuex就需要模塊化,但是如果module分的過多,我們就需要在store的index.js中一個(gè)個(gè)引入,這樣未免太麻煩,所以webpack出來了個(gè)配置,可以解決這個(gè)問題,無需多次引入,懶癌患者福音,

以下是解決方案

import Vue from ’vue’import Vuex from ’vuex’import getters from ’./getters’Vue.use(Vuex)const modulesFiles = require.context(’./modules’, true, /.js$/)const modules = modulesFiles.keys().reduce((modules, modulePath) => { const moduleName = modulePath.replace(/^./(.*).w+$/, ’$1’) const value = modulesFiles(modulePath) modules[moduleName] = value.default return modules}, {})const store = new Vuex.Store({ modules, getters})export default store

配置了這個(gè)后就無需一個(gè)個(gè)引入模塊了;

以上這篇Vue 防止短時(shí)間內(nèi)連續(xù)點(diǎn)擊后多次觸發(fā)請(qǐng)求的操作就是小編分享給大家的全部內(nèi)容了,希望能給大家一個(gè)參考,也希望大家多多支持好吧啦網(wǎng)。

標(biāo)簽: Vue
相關(guān)文章:
主站蜘蛛池模板: 欧美日韩成人一区二区三区 | 天天拍天天射 | 99在线免费观看视频 | 中文字幕在线看片 | 欧美三级 欧美一级 | 伊人干综合| 国产三级视频在线 | 国产理论在线观看 | 日韩精品一级 | 亚洲免费在线观看视频 | 激情六月天 | 精品一二三 | 日韩一区中文字幕 | 黄色综合 | av每日更新| 少妇高潮av久久久久久 | 日本欧美久久久久免费播放网 | 日日夜夜精品 | 在线日韩视频 | 日本不卡一区 | 黑人巨大精品欧美一区二区 | 国产精品国产三级国产 | 国产69精品久久久久久 | 天天操天天拍 | 国产精品成人国产乱一区 | 国产福利视频在线 | 黄色在线观看网址 | 谁有毛片网站 | 91调教打屁股xxxx网站 | 日韩欧美中文字幕在线观看 | 日韩在线免费视频 | 中文字幕精品一区久久久久 | 久久天天躁狠狠躁夜夜躁2014 | 亚洲综合网站 | 91伊人 | 毛片aaa | 午夜在线免费观看 | 天天躁日日躁狠狠躁av麻豆男男 | 国产一及片 | 人人爱人人澡 | 国产一级片免费观看 |