element-plus按钮使用v-loading+disabled，关闭loading时页面闪一下问题

最新推荐文章于 2025-03-26 16:15:23 发布

ya.mi

最新推荐文章于 2025-03-26 16:15:23 发布

阅读量223

点赞数 2

文章标签：前端 elementui

本文链接：https://blog.youkuaiyun.com/weixin_43111269/article/details/146361798

版权

element-plus按钮使用v-loading+disabled，关闭loading时页面闪一下问题：
问题代码：

<el-button type="danger" round @click="sendMsg" :disabled="loading" v-loading="loading">
        <el-icon color="var(--white_color)" size="18"><Promotion /></el-icon>
      </el-button>

解决方案：将v-loading与disabled分开用

<div v-loading="loading">
      <el-button type="danger" round @click="sendMsg" :disabled="loading">
        <el-icon color="var(--white_color)" size="18"><Promotion /></el-icon>
      </el-button>
     </div>