Vue使用lodash中的防抖和节流

安装引入

npm install lodash
import _ from 'lodash'
Vue.prototype._ = _

防抖

<template>
    <div @click="onSubmit">防抖</div>
</template>

<script>
export default {
    methods: {
        onSubmit: _.debounce(function () { // 这里不能用箭头，不然获取不到 this 实例
            console.log(this);
            console.log(111);
        }, 1000)
    }
}
</script>

节流

改个方法，代码同上...

Lodash中文文档

https://www.lodashjs.com/