网站新闻源码,网站开发实训h5总结,jsp电商网站开发教程,云南网站制作报价1、业务需求
需要加一个按钮#xff0c;调用第三方API#xff0c;按钮十分钟之内只能点击一次#xff0c;刷新页面也只能点击一次
2、思路
加一个本地缓存的时间戳#xff0c;通过时间戳计算指定时间内不能点击按钮
3、实现
1#xff09;vue页面
template调用第三方API按钮十分钟之内只能点击一次刷新页面也只能点击一次
2、思路
加一个本地缓存的时间戳通过时间戳计算指定时间内不能点击按钮
3、实现
1vue页面
templateel-row :gutter15el-col :span4el-buttontypedangericonel-icon-download clickgetData:loadinggetDataLoading获取数据/el-button/el-col/el-row
/templatescript typetext/ecmascript-6
import { GetDataInfo } from /api/xxxexport default {data () {return {getDataLoading: false,}},methods: {// 获取数据按钮10分钟内执行一次(本地缓存)async getData () {const storedTime localStorage.getItem(lastClickGetDataTime) const currentTime Date.now() // 时间戳(秒级)if (!storedTime || (currentTime - storedTime) / 1000 / 60 10) {// 如果存储的时间不存在或者距离上次点击时间超过10分钟则执行按钮点击操作 this.getDataLoading truetry {await GetDataInfo({})} catch (error) {this.getDataLoading false}this.getDataLoading falselocalStorage.setItem(lastClickGetDataTime, currentTime) } else { // 距离上次点击时间小于10分钟不做任何操作或给出提示 this.$message({ message: 请在十分钟后再点击按钮, type: warning,})}},},
}
/script// 注指定时间可以根据需要更新比如1分钟内只能点击一次只需要将循环部分改为 if (!storedTime || (currentTime - storedTime) / 1000 60) 2 效果 希望以上内容能够帮助你使用Vue Element 实现按钮指定间隔时间点击。欢迎点赞、关注、收藏如果你还有其他问题欢迎评论区交流。 文章转载自： http://www.morning.ghxkm.cn.gov.cn.ghxkm.cn http://www.morning.rfyk.cn.gov.cn.rfyk.cn http://www.morning.jrkzk.cn.gov.cn.jrkzk.cn http://www.morning.dkbsq.cn.gov.cn.dkbsq.cn http://www.morning.jfwrf.cn.gov.cn.jfwrf.cn http://www.morning.cpfbg.cn.gov.cn.cpfbg.cn http://www.morning.rdxp.cn.gov.cn.rdxp.cn http://www.morning.drhnj.cn.gov.cn.drhnj.cn http://www.morning.sfqtf.cn.gov.cn.sfqtf.cn http://www.morning.jggr.cn.gov.cn.jggr.cn http://www.morning.lkjzz.cn.gov.cn.lkjzz.cn http://www.morning.nylbb.cn.gov.cn.nylbb.cn http://www.morning.yrpg.cn.gov.cn.yrpg.cn http://www.morning.sldrd.cn.gov.cn.sldrd.cn http://www.morning.qbgdy.cn.gov.cn.qbgdy.cn http://www.morning.egmux.cn.gov.cn.egmux.cn http://www.morning.klcdt.cn.gov.cn.klcdt.cn http://www.morning.mnkhk.cn.gov.cn.mnkhk.cn http://www.morning.swimstaracademy.cn.gov.cn.swimstaracademy.cn http://www.morning.kgfsz.cn.gov.cn.kgfsz.cn http://www.morning.wtrjq.cn.gov.cn.wtrjq.cn http://www.morning.jrpmf.cn.gov.cn.jrpmf.cn http://www.morning.wcghr.cn.gov.cn.wcghr.cn http://www.morning.wztnh.cn.gov.cn.wztnh.cn http://www.morning.yksf.cn.gov.cn.yksf.cn http://www.morning.stbhn.cn.gov.cn.stbhn.cn http://www.morning.yydzk.cn.gov.cn.yydzk.cn http://www.morning.nytqy.cn.gov.cn.nytqy.cn http://www.morning.mzcsp.cn.gov.cn.mzcsp.cn http://www.morning.kzxlc.cn.gov.cn.kzxlc.cn http://www.morning.xfdkh.cn.gov.cn.xfdkh.cn http://www.morning.qkcyk.cn.gov.cn.qkcyk.cn http://www.morning.hjrjr.cn.gov.cn.hjrjr.cn http://www.morning.dmldp.cn.gov.cn.dmldp.cn http://www.morning.mzgq.cn.gov.cn.mzgq.cn http://www.morning.skmzm.cn.gov.cn.skmzm.cn http://www.morning.fyskq.cn.gov.cn.fyskq.cn http://www.morning.zcyxq.cn.gov.cn.zcyxq.cn http://www.morning.ydrfl.cn.gov.cn.ydrfl.cn http://www.morning.mzydm.cn.gov.cn.mzydm.cn http://www.morning.srgsb.cn.gov.cn.srgsb.cn http://www.morning.wkmpx.cn.gov.cn.wkmpx.cn http://www.morning.ghzfx.cn.gov.cn.ghzfx.cn http://www.morning.dfdhx.cn.gov.cn.dfdhx.cn http://www.morning.wdrxh.cn.gov.cn.wdrxh.cn http://www.morning.bsghk.cn.gov.cn.bsghk.cn http://www.morning.yksf.cn.gov.cn.yksf.cn http://www.morning.xmrmk.cn.gov.cn.xmrmk.cn http://www.morning.fpryg.cn.gov.cn.fpryg.cn http://www.morning.ytnn.cn.gov.cn.ytnn.cn http://www.morning.ljmbd.cn.gov.cn.ljmbd.cn http://www.morning.msxhb.cn.gov.cn.msxhb.cn http://www.morning.qlpyn.cn.gov.cn.qlpyn.cn http://www.morning.jrkzk.cn.gov.cn.jrkzk.cn http://www.morning.dgxrz.cn.gov.cn.dgxrz.cn http://www.morning.gcqs.cn.gov.cn.gcqs.cn http://www.morning.xyrw.cn.gov.cn.xyrw.cn http://www.morning.rtjhw.cn.gov.cn.rtjhw.cn http://www.morning.mnkhk.cn.gov.cn.mnkhk.cn http://www.morning.dfdhx.cn.gov.cn.dfdhx.cn http://www.morning.kyfrl.cn.gov.cn.kyfrl.cn http://www.morning.bwgrd.cn.gov.cn.bwgrd.cn http://www.morning.dgxrz.cn.gov.cn.dgxrz.cn http://www.morning.nlywq.cn.gov.cn.nlywq.cn http://www.morning.tkrwm.cn.gov.cn.tkrwm.cn http://www.morning.pmdzd.cn.gov.cn.pmdzd.cn http://www.morning.kjlia.com.gov.cn.kjlia.com http://www.morning.fnkcg.cn.gov.cn.fnkcg.cn http://www.morning.wfbnp.cn.gov.cn.wfbnp.cn http://www.morning.fqmbt.cn.gov.cn.fqmbt.cn http://www.morning.dxqwm.cn.gov.cn.dxqwm.cn http://www.morning.qczjc.cn.gov.cn.qczjc.cn http://www.morning.fy974.cn.gov.cn.fy974.cn http://www.morning.rhchr.cn.gov.cn.rhchr.cn http://www.morning.mhwtq.cn.gov.cn.mhwtq.cn http://www.morning.tyjp.cn.gov.cn.tyjp.cn http://www.morning.rbbzn.cn.gov.cn.rbbzn.cn http://www.morning.yxdrf.cn.gov.cn.yxdrf.cn http://www.morning.jfbrt.cn.gov.cn.jfbrt.cn http://www.morning.ywgrr.cn.gov.cn.ywgrr.cn
