ant 表格按钮单独loading , 最近项目遇到了 :loading=‘loading’ 这样会使所有的button一起loading,找了很久都没有解决方式 ,有个作者提到了set方法在这里分享给遇到同样问题的小伙伴!
话不多说上图片!
方案

        <span slot="transferScheme" slot-scope="text, record">
          <a-button type="link" @click="handleBtn(record)" :loading="record.gainLoading">
            获取
          </a-button>
        </span>
 handleBtn6(record) {
	 this.$set(record, 'gainLoading', true)
        const res = await getAction('/aa/aa', params)
        if (res.code == 200) {
          // svg方案
          this.$set(record, 'gainLoading', false)
       }
}

这个是解决之前的样子
在这里插入图片描述
这个是解决之后的样子
这个

这是根据我实际开发项目删减,给大家看的比较清楚的版本 , 要结合实际情况做修改!希望可以帮到你们~
这里附上原创作者博文的链接并感谢!
https://blog.csdn.net/Superman_peng/article/details/108681538

Logo

前往低代码交流专区

更多推荐