小程序使用Lodash防抖节流详细步骤和常见错误

在终端输入命令：

1. cpm i
2. cnpm i lodash.get lodash.debounce
3. 安装成功可以，在package.json中看到
   
   一般直接引入lodash都会报错，报错如下，需要修改一下源码：
   
   找到node_modules下面的lodash.get下面的index.js
   
   再页面 ctrl+f 搜索root
   
   替换为：

var root = {
  Array: Array,
  Date: Date,
  Error: Error,
  Function: Function,
  Math: Math,
  Object: Object,
  RegExp: RegExp,
  String: String,
  TypeError: TypeError,
  setTimeout: setTimeout,
  clearTimeout: clearTimeout,
  setInterval: setInterval,
  clearInterval: clearInterval
};

lodash.debounce步骤也是和上面一样，需要替换一下源码处代码

使用之前需要进行npm构建一下 ：工具>npm构建
构建完成之后再需要使用的页面测试一下是否成功

import get from 'lodash.get'
console.log(get)

控制台如果打印这个消息，则表示lodash引入和使用成功

防抖代码：

 // 防抖
  updateCount: debounce(async function (e) {
     // 更改购物车数量
    const { goodsid } = e.currentTarget.dataset
    const oldValue = e.currentTarget.dataset.oldvalue
    const count = e.detail - oldValue
    if (count != 0) {
      const res = await reqAddCart(goodsid, count)
      if (res.code == 200) {
        this.getShopCartList()
      }
    }
  }, 1000),