一、安装
npm i lodash -S
二、方法一
1.引入
import _ from 'lodash'
Vue.prototype._ = _
2.使用
this._.debounce(this.handleClick,1000,false)
二、方法二
1.引入
let _ = require('lodash')
2.使用
_.debounce(this.handleClick,1000,false)
三 、组件中使用
<template>
<div>
<el-button @click="_debounce">lodash的debounce</el-button>
</div>
</template>
<script>
let _ = require('lodash')
export default {
methods: {
handleClick2() {
console.log(`真正执行的函数,次数比较少:handleClick2.....`);
},
_debounce() {
console.log(`_debounce.....`);
this._DB();
}
},
created() {
this._DB = this._.debounce(this.handleClick2,1000,false);
}
}
</script>
网友评论