Vue 中方法节流

• 定义函数(新建自定义函数文件，tool.js)

export const throttle = (fn,delay) => {
	let prev = 0;
  	console.log('prev:',prev)
	return function () {
		let now = new Date().getTime();
		let context = this;
		let args = Array.prototype.slice.call(arguments)
     console.log('now:',now,'prev:',prev)
		if(now - prev >=delay){
			fn.apply(context, args)
			prev = now
		}
	}
}

• 页面中引用.使用

<i style="margin-left: 5px;" @click="copy(scope.row.notify_url)" title="复制"></i>
....
import { throttle } from '@/utils/tool'
....
methods:{
		copy: throttle(function (val) {
                let oInput = document.createElement('input');
                  oInput.value = val;
                  document.body.appendChild(oInput);
                  oInput.select(); // 选择对象;
                  console.log(oInput.value)
                  document.execCommand("Copy"); // 执行浏览器复制命令
                  this.$message({
                    message: '已成功复制到剪切板',
                    type: 'success'
                  });
                oInput.remove()
          }, 5000)
}