Vue项目中如何使用debounce函数来实现防抖

防抖：防抖就是在不断的操作中（输入、点击等）最终只执行一次的一种提高性能的方法。

//为了防止用户重复点击，造成相同数据的提交
<templete>
  <el-button
    size="small"
    type="primary"
    @click="handleAddBill"
  >提交</el-button>
</templete>

//这里采用lodash方法库中的debounce函数
import { debounce } from "lodash";

methods:{
  handleAddBill: debounce(function () {
      this.saveBillInfo();
    }, 1000),
}