项目中遇到一个需求,需要根据后台返回数据,遍历生成多个按钮,并点击出发事件。点击事件的时候需要该按钮loading状态。实现方法如下:
<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=indexthis.changLoading=true....// 处理结束后重新赋值this.clickIndex=-1this.changLoading=false},