首页 > 其他分享 >vue 2 中防抖节流在当前页面里写

vue 2 中防抖节流在当前页面里写

时间:2022-11-23 12:34:11浏览次数:34  
标签:vue console 节流 中防抖 timer delay var log

isfilter(val) {       // 过滤       this.debounce(() => {         this.init(val);       }, 1000);     },     debounce(fn, delay) {       var delay = delay || 200;       var timer;       console.log('33333333');       return (function () {         var th = this;         var args = arguments;         if (timer) {           clearTimeout(timer);         }         timer = setTimeout(() => {           timer = null;           fn.apply(th, args);           console.log('111111111111');         }, delay);       })();     },

标签:vue,console,节流,中防抖,timer,delay,var,log
From: https://www.cnblogs.com/wsj1/p/16917878.html

相关文章

  • vue中key使用的问题
    前言在vue要求在遍历的时候最好加上key,在使用过程中总有些疑问,在这里做下分析1.不使用key的时候vue是怎么处理的在vue2.x文档中有如下描述key的特殊attribute主要......
  • h5活动九宫格转盘-vue
    实现的效果操作步骤首先安装插件#npm安装npminstall@lucky-canvas/vue@latest#或者yarn安装yarnadd@lucky-canvas/vue@latest在main.js中引入//......
  • 解决在Vue3中html2canvas图片跨域问题
    <divv-html="transformImg(textContent.policyInterpretation)"class="topicContent"></div>consttransformImg=(str)=>{constreplaceCallback=(m,......
  • vue八大生命周期
    vue.js生命周期的八大状态:1、beforeCreate(创建前):vue实例初始化之前调用此阶段为实例初始化之后,此时的数据观察和事件配置都还没有准备好,而此时的实例中的data和el还是und......
  • Vue3学习笔记(七)—— 状态管理、Vuex、Pinia
    一、状态管理1.1、什么是状态管理?理论上来说,每一个Vue组件实例都已经在“管理”它自己的响应式状态了。我们以一个简单的计数器组件为例:<scriptsetup>import{re......
  • vue的element ui使用多组radio
    需要实现的效果如下: 需求描述:有这样的三组radio,要实现:可以分别点击,互不干扰实现步骤:element代码如下:<row-wrapper><template>......
  • Vue plugin插件的使用
    前言本文主要介绍了vue中plugin插件的用法及其功能,pluginplugin用来为Vue添加全局功能,可以把通用性强的功能进行封装。定义plugin需要使用install方法。这个方法有......
  • VUE3 全局共享数据方案之一 (简单快速实现类似vuex)
    自定义封装单列模式!globalstate由于vue3的响应式系统本身可以脱离组件而存在,因此可以充分利用这一点,轻松制造多个全局响应式数据,并且通过和vuex一样通过某个模块指定......
  • 基于springboot和vue的IT内部电脑报修服务系统设计与实现-计算机毕业设计源码+LW文档
    it内部设备服务系统设计与实现摘要it内部设备服务系统将传统的网络服务方式与最新的互联网技术相结合,使用方便快捷,有利于设备维修部门规范管理,提高网络维修部门的工作效......
  • 关于echars在vue3中的使用
    根文件的配置<!--App.vue--><template><router-view></router-view></template><script>import*asechartsfrom'echarts'import{provide}from......