请问如何才能实现多滑动条根据百分比联动？

Question

请问如何才能实现以下这种多滑动条的值按百分比联动效果？
比如一等奖的中奖概率是10%，那后面的二三四五等奖都需要对应自动调整中奖概率；奖项是可以随时增加减少，所有的奖项加起来的中奖概率不能超过100%。

这个功能让我想起硬盘分区，但是我水平太菜，写不出来，有高手可以写个demo来学习下吗？：

Answer 1

我以前回答过一个数据联动的问题，你可以参考下
https://www.hmoons.com/outlet...
主要是弄清楚自己的业务逻辑是怎样的，然后根据规则去做，你这里的规则都没讲清楚

Answer 2

demo到是没有；
你也没说清你的业务规则；
一等奖滑动后，是那个滑块动，具体要怎么分配；
firstWinOdds;
secondWinOdds;
thirdWinOdds;
这三个变量的值=百分比值；

watch:{

firstWinOdds(){},
secondWinOdds(){},
thirdWinOdds(){},

}
或者
computed:{
}

Answer 3

换个思路呗
每个奖品等级不设中奖率，改为设中奖权重，然后每次更新权重后同步算出中奖率显示在后面就行了

4个奖品，如果权重都是 10 那每个的中奖率就是 25%
把某一个权重加高了，其他的中奖率自然就下降了

Answer 4

已经换另一种方式实现了，谢谢各位大佬~