如何用类星体VueJS做一个React滑块

qoefvg9y 于 2022-11-25 发布在 Vue.js

关注(0)|答案(1)|浏览(111)

我使用组件QSlider来对多个滑块求和，同时给出用户必须达到的最大点数。例如：在一个滑块上，我放了两个，另一个放了三个，总数不能超过4。我成功地将第二个滑块的数字锁定在2。问题是，尽管第二个滑块的数字是2，但在视觉上我可以继续增加滑块的值。
是否有人知道如何解决此问题？
先谢谢你。
代码在Stackblitz上提供

vue.js

来源：https://stackoverflow.com/questions/74510463/how-to-do-a-reactive-slider-with-quasar-vuejs

1条答案

按热度按时间

kmpatx3s1#

要限制滑块的长度，必须为其设置inner-max值。
在您的情况下，它应该是：

<q-slider
            v-model="item.value"
            :min="0"
            :max="10"
            :inner-max="points + item.value"
            @update:model-value="calculatePoints(item.title)"
 />

仅供参考：https://quasar.dev/vue-components/slider#with-inner-min-max

赞(0）回复(0）举报 2022-11-25

我来回答

如何用类星体VueJS做一个React滑块

1条答案

相关问题

热门标签

最新问答