问题描述:
vant Circle 多个环形进度条目标进度rate相同
解决方案:
多个环形进度条的v-model 不能为同一值
<li class="progress_lenbar">
<van-circle
v-model="currentRate0"
:rate="70"
:speed="80"
layer-color=""
text="300,000+"
color='#f00'
/>
<p>1</p>
</li>
<li class="progress_lenbar">
<van-circle
v-model="currentRate1"
:rate="60"
:speed="80"
text="1,000,000+"
color='#f00'
/>
<p>2</p>
</li>
<li class="progress_lenbar">
<van-circle
v-model="currentRate2"
:rate="65"
:speed="80"
text="500,000+"
color='#f00'
/>
<p>3</p>
</li>
data() {
return {
// 环形进度条起始数值
currentRate0: 0,
currentRate1: 0,
currentRate2: 0,
};
},