vue , debounce 使用

92 阅读 0 评论 61 点赞

我是靠谱客的博主鲤鱼月亮，这篇文章主要介绍vue , debounce 使用，现在分享给大家，希望可以做个参考。

有时候不想直接在methods中的方法前面加debounce，

复制代码

1
2
3
getFullName: debounce(function() {
      console.log('my fullname is chentingjun')
}, 500)

会很难看，而且参数也不好传，可以用另一种方法

复制代码

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
<template>
  <div class="demo">demo</div>
</template>

<script>
import _ from 'lodash'
export default {
  name: 'demo',
  methods: {
    getName() {
      console.log('my name is ctj')
      return
    }
  },
  mounted() {
    this.debounceGetName = _.debounce(this.changeStr, 500)
  }
}
</script>