『壹』 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（）使下拉框隱藏。