项目中遇到一个需求，需要根据后台返回数据，遍历生成多个按钮，并点击出发事件。点击事件的时候需要该按钮loading状态。实现方法如下：文章来源地址https://www.toymoban.com/news/detail-624888.html
<div class="center">
<a-button v-for="(item,index) in btnItems" type="primary" :key="index" :loading="clickIndex === index && changeLoading" @click="exportForm(item.id)">{{item.text}}</a-button>
</div> data () {
return {
clickIndex:-1,
changeLoading:false
}
},exportForm(tempateId,index,item){
this.clickIndex=index
this.changLoading=true
....
// 处理结束后重新赋值
this.clickIndex=-1
this.changLoading=false
},文章来源：https://www.toymoban.com/news/detail-624888.html
到了这里，关于antd vue中遍历v-for中控制每个按钮的loading的文章就介绍完了。如果您还想了解更多内容，请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章，希望大家以后多多支持TOY模板网！
