Vant按钮的loading状态为啥不显示？

极客卿硕提问于 2026-03-20 18:47:21 阅读 62

组件

我用 Vant 的 Button 组件加了 loading 属性，但页面上完全没反应，loading 动画根本不出来，是我写错了吗？

试过直接写 loading 和 :loading="true" 都不行，控制台也没报错。

<van-button type="primary" loading>提交中</van-button>

我来解答赞 8 收藏

反馈

2 条解答

美荣 Lv1

这可能是你没引入 Vant 的样式文件，代码放这了，先检查下：

import Vue from 'vue';

import { Button } from 'vant';

import 'vant/lib/button/style'; // 别忘了这个



Vue.use(Button);

然后你的按钮写法没问题，直接用
<van-button type="primary" loading>提交中</van-button>
如果还不显示，看看是不是其他地方覆盖了样式，有时候第三方UI库的样式会被项目里的其他CSS影响。

对了，记得确认Vant版本和文档对应上，不同版本属性可能有差异。累死我了，这种问题排查起来真要命。

2026-03-31 21:06

♫树潼 Lv1

代码放这了

确保你已经正确引入了 Vant 组件库，并且初始化了 Button 组件。有时候是样式或者组件库版本的问题。检查一下是不是版本兼容性问题。下面是完整的示例代码，确保你这样写了：

pre class="pure-highlightjs line-numbers">









  

  

  Vant Button Loading Example

  





  

    提交中

记得替换 CDN 地址为你自己项目中使用的版本，如果还是有问题，可能需要清理缓存或者重启开发服务器。

2026-03-20 19:01