美文网首页
VUE—lodash

VUE—lodash

作者: 大眼袋阿姨 | 来源:发表于2019-09-25 13:35 被阅读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>

相关文章

网友评论

      本文标题:VUE—lodash

      本文链接:https://www.haomeiwen.com/subject/zodructx.html