VUE—lodash

2019-09-25  本文已影响0人  大眼袋阿姨

一、安装

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>
上一篇 下一篇

猜你喜欢

热点阅读