相对于使用防抖和节流的操作，防抖和节流会受到网络请求的快慢影响，如果网络请求过慢，而且两次
点击
的时间超过防抖和节流预设的时间，还会触发多次的。本方式使用捕捉promise中resolve和reject的方式，更加精确在什么时候可以触发禁止
点击
和放开
点击
相对于使用变量控制，不需要额外的..
Vue
中的事件修饰符：1、prevent:阻止默认事件；2、stop:阻止事件冒泡；3、once：事件只触发
一次
；4、capture：使用事件的捕获模式；5、self：只有event.target是当前操作的元素时才触发事件；（只有和当前事件触发的标签一致时才会触发）6、passive：事件的默认行为立即执行，无需等待事件回调执行完毕
点
完之后不会发生默认事件
点
完超链接不会发生跳转，因为prevent阻止了a标签的默认事件（跳转）div和button都有show事件，当
点击按钮
时，button会触发sh
1、在项目中遇到一个问题：当事件中的代码执行耗费时间，且用户在短时间不断
点击按钮
，造成短时间多次触发了按钮的事件（不断向服务器发起请求）
2、解决办法
方法一： 定义一个变量（如：isLock）来控制按钮的disable属性，进而来防止用户短时间的多次
点击按钮
方法二：全局定义一个指令，通过在按钮绑定指令来控制按钮被
点击
间隔时间方法三：只可以
点击
一次
。3、具体实现：
方法1步骤：
① 首先设置变量isLock属性值为false,使得按钮可
点击
（disable: true）
② 当用户
点击
后，立即设置按钮不可
点
点击
复制功能主要通过 clipboard.js 来实现
在
vue
中使用clipboard.js 时候发现一个问题，就是如果不是input或者button 按钮的话，则复制不成功，使用步骤如下：
1、引入clipboard.js，方法如下：
第一种直接npm安装：npm install clipboard –save
第二种：[removed][removed]（下载地址：https://clipboardjs.com/）
2、在需要使用的组件中import
引用方法：import Clipboard from ‘clipboard’;
<template>
<button @click="submit()" :disabled="isDisable">
点击
</button>
</template>
<script
点击
上方“青年码农”关注回复“源码”可获取各种资料使用
Vue
框架开发项目中，遇到个问题，就是在用户提交数据时，如果连续多次
点击按钮
，会触发多次，导致数据异常，因此需要限制用户短时间内多次
点击
同一按钮，只触发
一次
。1. 自定义指令利用元素的 disabled 属性，新建自定义指令，preventClick.js1exportdefault{
2install(...
<div id="app">
<button @click="addRow">新增一行</button>
<div v-for="(item, index) in items" :key="index">{{ item }}</div>
JavaScript部分：
const app =
Vue
.createApp({
data() {
return {
items: ['第一行']
methods: {
addRow() {
this.items.push('新的一行')
app.mount('#app')
这样，每次
点击按钮
，就会新增一行div，显示为"新的一行"。
vue踩坑（在刚创建好项目时遇到的）: ✖ 1 problem (1 error, 0 warnings) 1 error and 0 warnings potentially fixable
