VUE—lodash

一、安装

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>
最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容