多个element中的slider怎样完成联动

vue使用element组件库,使用多个slider组件的时候如何让多个slider的值之和等于百分之百,滑动其中任意一个slider组件,其他的组件都会随之变化,确保所有的值加起来等于100%

把所有的滑块绑到一个对象里面,然后watch这个对象,然后用new跟old作比较判断哪个滑块是修改的,100-修改那条修改后的值 = 剩下几条滑块的总和,然后按需分配给其它的滑块,最后重新赋值更新这个对象。