我使用组件QSlider对多个滑块求和,同时给出用户必须达到的最大点数.例如:在一个滑块上,我放两个,另一个放三个,总和不能超过4.我已经成功地阻止了第二个滑块的数量为2.问题是,尽管第二个滑块的数量是2,但在视觉上我可以继续增加我的滑块的值.
有没有人知道如何解决这个问题?
先谢谢你.
代码在Stackblitz上可用
我使用组件QSlider对多个滑块求和,同时给出用户必须达到的最大点数.例如:在一个滑块上,我放两个,另一个放三个,总和不能超过4.我已经成功地阻止了第二个滑块的数量为2.问题是,尽管第二个滑块的数量是2,但在视觉上我可以继续增加我的滑块的值.
有没有人知道如何解决这个问题?
先谢谢你.
代码在Stackblitz上可用
To restrict the length of slider, you must set an inner-max
value for it.
In your case, it should be:
<q-slider
v-model="item.value"
:min="0"
:max="10"
:inner-max="points + item.value"
@update:model-value="calculatePoints(item.title)"
/>
101:https://quasar.dev/vue-components/slider#with-inner-min-max.