Ant Design Vue 表格中按钮单独的loading详细解决方案
ant 表格按钮单独loading , 最近项目遇到了 :loading=‘loading’ 这样会使所有的button一起loading,找了很久都没有解决方式 ,有个作者提到了set方法在这里分享给遇到同样问题的小伙伴!话不多说上图片!方案<span slot="transferScheme" slot-scope="text, record"><a-button type=
·
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
更多推荐
已为社区贡献1条内容
所有评论(0)