进度条背景颜色设置的建议
来源：5-2 阅读进度功能实现（进度拖动功能）
godlanbo
2020-07-08
<input
type="range"
max="100"
min="0"
step="1"
class="progress"
@change="onProgressChange($event.target.value)"
@input="onProgressInput($event.target.value)"
:value="progress"
:disabled="!bookAvailable"
:style="{'background-size': `${progress}% 100% !important`}"
/>
我觉得这里进度条颜色更新不用写那么多，要写ref去操作dom，还要在updated钩子函数里调用方法；我是用style绑定做的，我觉得这样更简洁一点，符合vue的数据驱动尽量不去dom操作的观念，只是一个小小的建议。
写回答
3回答
-
qq_慕瓜3368726
2021-03-19
牛蛙 采用style绑定 确实简洁 而且还不容易出错 我就是采取了你的样式绑定 才解决了进度条颜色问题
00 -
慕少0288913
2020-08-15
学习了~
00 -
扬_灵
2020-07-09
好的，谢谢你的建议！祝你学习愉快～
00
相似问题