@dauren101
C++, Java, Python, PHP developer

Отслеживать значения введеных данных в инпуте Vue.js?

<div id="app">
  <h1>Add user</h1>
  <div v-for="(user, index) in users">
    <input v-model="user.name">
    <input v-model="user.procent">
    <button @click="deleteUser(index)">
      delete
    </button>
  </div>
  
  <button @click="addUser">
    New User
  </button>
  
  <pre>{{ $data }}</pre>
</div>


new Vue({
  el: '#app',
  data: {
    users: [{ name: '',procent:'' }] 
  },
  methods: {
    addUser: function () {
      this.users.push({ name: '',procent:'' });
    },
    deleteUser: function (index) {
      console.log(index);
      console.log(this.finds);
      this.users.splice(index, 1);
      if(index===0)
      this.addUser()
    }
  }
});

Вопрос: Как узнать каждый введенный процент в строке и в итоге получить их сумму, учитывать также и изменение в добавленных строках(процент)
  • Вопрос задан
  • 81 просмотр
Решения вопроса 1
andrhohlov
@andrhohlov
Frontend developer
{
  computed: {
    percentTotal() {
      return this.users.reduce((acc, user) => acc + user.percent, 0)
    },
  },
}


https://ru.vuejs.org/v2/guide/computed.html
https://developer.mozilla.org/ru/docs/Web/JavaScri...
Ответ написан
Пригласить эксперта
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через TM ID
Похожие вопросы