@terrence
Для подсчета процента заполнения формы на Vue.js можно использовать следующий подход:
1 2 3 4 5 |
data() { return { formCompletion: 0 } } |
1
|
<input type="text" v-model="textInput" @input="updateFormCompletion" /> |
1 2 3 4 5 6 7 8 9 10 11 12 13 14 |
methods: { updateFormCompletion() { let completedFields = 0; const fields = ['textInput', 'emailInput', 'phoneInput']; // список полей формы fields.forEach(field => { if (this[field] !== '') { completedFields++; } }); this.formCompletion = Math.floor(completedFields / fields.length * 100); } } |
1
|
<div>Заполнено: {{ formCompletion }}%</div> |
Обратите внимание, что в примере использованы только текстовые поля ввода. Для других типов полей (например, для флажков или выпадающих списков) могут потребоваться иные обработчики событий.