‘壹’ vue.js怎样解决按钮多次点击重复提交
建议使用滑并ref，给button添加注册ref引用，然后在表单提交的时候，获取button按钮，使其disable置灰。
ref被用来给元素或子组件注册引用信息。引用信息将会注册在父组件的$refs对象上。如果在普通的 DOM 元素上使用，引用指向的就是 DOM 元素；如果用在子组件上，引用就指向组件。
<divid="app"信镇迹>
<buttonref="mybutton"type="primary"@click="save">保存</button>
</div>
<script>
newVue({
el:"#app",
data:{
},
methods:{
旅知 save(){
this.$refs.mybutton.disabled=true;
}
}
})
</script>
<style>
:disabled{
border:1pxsolid#DDD;
background-color:#F5F5F5;
color:#ACA899;
}
</style>
‘贰’ 如何使用Vue.js中的按钮点击事件并获取按钮属性
第一步，在HBuilder工具中已创建好的Web项目，指定目录下新建静态页面buttonClick.html，如下图所示：
如何使用Vue.js中的按钮点击事件并获取激改灶按钮属性
第二步，在title标签下引入vue.js核心JavaScript文件，注意压缩版本和开发版本，如下图所示：
如何使用Vue.js中的按钮点击事件并获取按钮属性
第三步，在<body></body>标签内，插入一个明扮div和四个button，使用v-on绑定事件，如下图所示：
如何使用Vue.js中的按钮点击事件并获取按钮属性
第四步，在<div></div>标签下方，插入<script></script>标签，并在标签内编写事件函数，如下图所示：
如何使用Vue.js中的按钮点击事歼蚂件并获取按钮属性
第五步，保存代码并在浏览器中查看结果，点击按钮，查看弹出的结果，如下图所示：
如何使用Vue.js中的按钮点击事件并获取按钮属性
第六步，弹出的结果为undefined，修改代码并在事件中传参数，然后再次查看结果，可以看到按钮的相关属性和方法（浏览器控制台），如下图所示：
如何使用Vue.js中的按钮点击事件并获取按钮属性
‘叁’ vue checkbox多选框按钮添加全选按钮
今天在看之前的项目的时候,之前做过一个添加角色权限的功能,截图如下:
现在在我之前的项目中应用:
indeterminate 属性用以表示 checkbox 的悉念不确唯陆迅定状态，一般用于实现全选的效果
(这里就是为什么上图每次点击全选按钮时候需要置为false、false即为全选按钮置为下图样式)：
然后就能实现全选按钮了:
这里参考element官方文档即可实现，主要需要调整一下数据的格指此式即可。
‘肆’ vue购物车出现了一个bug,一个单选按钮取消选中,为啥全部按钮包括全选按钮都取消选中了
你的change事件是不是写错了，你可以打印看看哪个环节出错了。
‘伍’ ant-design-vue级联选择多选怎么禁用选中
1、首先打开antdesignvue级联进入陆腔返主页面，在主页面找到设置按钮，点击进入。早饥
2、其次在设圆丛置里面找到选择设置，点击进入选择设置。
3、最后在选择设置页面进行选择多选禁用选中即可。
‘陆’ vue表格多选、vue动态显示隐藏表格列、vue动态多列排序
需求：表格列厅郑禅动态加载扮尘、动态控制列显示隐藏、行多选/动态排序、列与数据都是后端返回（文章丛好末尾附上后端数据返回格式，列前端写静态也行）。
‘柒’ Vue项目按钮重复提交
vue项目防止按钮重复点击（重复请求接口）
1.首页先写入main.js中
2.在button或el-button标签上绑定该指令
场景
1.保存提交按钮不小心点击了多次。
2.由于网络服务器卡等原因点击事件没有及时响应又点击了一次，造成数据的重复洞哗提交和保存，数据的异常。
3.resize、scroll，输入框内容校验等频繁操作。
原因
由于axios提交数据为异步提交，点击提交按钮是通过xmlhttprequest向后端发送异步请求，发送请求后后端返回数据需要时间处理，如果第一次点击的请求尚未完成，又接二连三地提交了几次，同时后面发送的请求都被后台处理了，这种情况如果是读取数据不会有太大影响，但是涉及到数据提交保存或者提交之后多察前表数据处理就麻烦了，而且此类现象造成的数据都不正常，所以此种情况务必要避免。
原理：当第一次触发点击事件时，不会立即执行接口，会等待监听一段时间，若在这段时间没有再次触发该事件，等待时间过后就执行接口。倘若等待时间期间监听到又点击了一次，等待时间随败颤清即重置，从最后一次点击事件开始再重新等待这段时间，等待结束后再执行接口。
步骤：
2.具体引用
缺点：接口操作不是立即调用，需要等待一定时间，倘若时间设置过长，交互感不好。若出现恶意频繁点击不停，接口就会一直反复等待下去一直不会调用。若是现象2的情况，第一次点击后接口返回数据时间过长，一旦超过这个等待时间，按钮再次被点击后还是会出现重复调用的情况。
二.节流
原理：当持续触发事件时，保证一定时间段内只调用一次事件处理函数。
步骤：
1.创建节流全局js方法
2.具体引用
缺点：若是现象2的情况，第一次请求返回时间超过等待的时间，此时再次点击就会再次调用事件接口，造成数据的重复异常
三.按钮禁用控制或者loading
原理：当第一次点击按钮进入事件，按钮状态变为禁用状态，或者打开loading函数进行等待，当请求返回后台数据后按钮再恢复至可点击状态或者loading关闭
可以完全避免现象2的情况，此方法只有第一次点击调用接口返回数据后才会被点击
‘捌’ vue2 自定义指令实现el-select 多选隐藏关闭按钮
效果
指令
‘玖’ vue循环了一组按钮怎么点其中一个按钮只修改这个按钮的样式
因为盒子是循环出来的，要实现循环div单销升独点击一个其他样式不变的效果，可以设定一个active值，默认是-1，点击就触发函数将i赋值给active从而实现当前div样式咐斗渗衡脊判断。
‘拾’ vue最多显示2个按钮,超出的用下拉菜单显示
1、点击下拉框后，在下拉框超出可显示范围时隐藏，此时分为上边框与下边槐祥框。
2、利用元素的高度，卷起的高度，整体的高度铅卜搏计算出要隐藏的距离。
3、弊搏利用.blur（）使下拉框隐藏。