vue遍历出来的一堆按钮，点击的时候只需要点击的按钮有加载状态

最新推荐文章于 2024-08-03 15:24:44 发布

兜兜没有糖糖

最新推荐文章于 2024-08-03 15:24:44 发布

阅读量1.1k

点赞数

分类专栏： Vue

本文链接：https://blog.csdn.net/IOTbaqi/article/details/120729157

版权

vue.js

Vue 专栏收录该内容

5 篇文章 0 订阅

订阅专栏

目标实现：vue遍历出来的一堆按钮，点击的时候只需要点击的按钮有加载状态

重点就是点击的时候传入一个唯一标识这个按钮的值，用值和loading值同时标识这个按钮的加载状态

 <van-button v-for="subAccount in data" 
 	 :loading="clickLockedIndex === subAccount.id && changeLockedLoading"
     @click="lockedChange(subAccount.id)">点我</van-button>
     
lockedChange(index) {
      this.clickLockedIndex = index;
      this.changeLockedLoading = true;
 }