Как посчитать % заполнения формы на vue

72
18 марта 2022, 16:00

Есть data и в нем обьект s

data:()=> ({
    s:{
        a1: "",
        b2: "",
        c3: "",
        d4: ""
    },
    percent: 0
})

Есть 4 поля

<input v-model="s.a1" />
<input v-model="s.b2" />
<input v-model="s.c3" />
<input v-model="s.d4" />
<input :value="`${percent}%`" readonly />

Нужно что бы в функции вычислялся % заполнения формы, не понимаю по какой формуле это надо сделать.

Мне нужно вывести в 5ом поле какой % заполнен и сколько осталось

calculatePercent(){
}
Answer 1

computed: { 
  percent() { 
    return Object.keys(this.s).filter(v => this.s[v]).length * 25 
  } 
},
<span>{{percent}}</span>

READ ALSO
Пересчет выгоды

Пересчет выгоды

Есть такая конструкция http://joxiru/ZrJbgngCMDExkr

66
Не могу понять JavaScript [закрыт]

Не могу понять JavaScript [закрыт]

Хотите улучшить этот вопрос? Переформулируйте вопрос так, чтобы на него можно было дать ответ, основанный на фактах и цитатах

181
Автопрокрутка ScrollViewer в C# UWP

Автопрокрутка ScrollViewer в C# UWP

Имеется кусок кода

113
Как работать с offline картой OpenStreetMaps на C#?

Как работать с offline картой OpenStreetMaps на C#?

Пишет cz десктопное ПО на С#, в котором должна отображаться картаПО должно работать offline

101