Vue前端开发那些事儿

vue全局定义防抖函数和节流函数

2021-06-30  本文已影响0人  护卫天使

防抖函数

在common.js中

函数防抖

引入到vue组件中

import { debounce,} from "@/assets/js/common.js"

html :

<el-button @click="xixi()">防抖</el-button>

 methods:里

  xixi: debounce(function() =>{

      console.log(111)

    },1000),

节流函数

在common.js中

函数节流

引入到vue组件中

import { debounce,throttle} from "@/assets/js/common.js"

html :

<el-button @click="xixi()">防抖</el-button>

methods:里

xixi: throttle(function() =>{

      console.log(111)

    },1000),

上一篇下一篇

猜你喜欢

热点阅读