Quiero crear una aplicación en Vue donde actualizo a través de un control deslizante un valor y el otro valor se actualiza. Algo como esto:

¿Alguien puede darme una mano amiga? Me estoy volviendo loco. He estado tratando de obtener la fórmula correcta durante los últimos 3 días.

Esto es lo que he escrito hasta ahora:

 updateRarities(trait, raritySlider){ var property = this.currentCollection.properties.items.find(property => property.id === trait.propertyID); var numOfTraits = property.traits.items.length; let newRarityCurrentTrait = 1 / numOfTraits * Number(raritySlider); for (let i = 0; i < property.traits.items.length; i++) { if (property.traits.items[i].id !== trait.id) { let updatedTrait = { id: property.traits.items[i].id, // calculate the rarity of the other traits rarity: (1 - newRarityCurrentTrait) * property.traits.items[i].raritySlider, updatedAt: new Date(), } API.graphql(graphqlOperation(mutations.updateTrait, { input: updatedTrait})); } else { let updatedTrait = { id: trait.id, rarity: newRarityCurrentTrait, raritySlider: raritySlider, updatedAt: new Date(), } API.graphql(graphqlOperation(mutations.updateTrait, { input: updatedTrait})); } } }