在使用Vant-UI的circle组件时遇到了一些问题，如v-model和rate的关系不清晰，导致进度条显示异常。通过实践发现，当v-model和rate相同时，进度条显示为rate的百分比。此外，不同circle组件的v-model值应避免相同，否则可能导致显示错误。遇到后端返回-1的情况，进度条会默认显示为满格，解决办法是将-1替换为0，确保v-model不使用负数。
最近这家公司的一款app用的Vant-UI，说实话之前并没怎么接触过Vant，在开发的过程中踩了不少没经验的坑。其他的都还好，坑最多的其中必须要有circle的名号。
circle-环形进度条
在官方文档里只有部分API的例子，而且对于部分最常用的API的介绍并不很详细，比如v-model、rate。
其中文档中给出 v-model 为当前进度，rate为目标进度
而与此同时官网给的例子就让人看不懂了。
此时v-model为0，rate为30，但进度条显示为70%
没办法，自己写代码自己试，发现自己写也是这个情况。
怎么读文档也不知道为什么v-model为0，rate为30的时候进度条是70%。
最后各种试，发现当v-model和rate相同的时候，进度条显示的就是你rate的值的百分比（此处为进度条的显示，text自己写是多少）
ok那就这么写！
在接着开发的过程中，发现好像哪里又出了毛病。
text不同，但进度条的显示每一条都一样 嗯
最低0.47元/天 解锁文章
扫一扫
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
