Пушать id: {name, pass } в обьект Users?

Question

Как сделать push в обьект где name, pass пушается в users: [1231334: {name: 'Den', pass: '23dcg4'}] где 1231334 - now.Date()тоесть id юзера

<div id="creating">
        <input v-model="title" type="text" id="name" required>
        <label for="name">Name</label>

        <textarea v-model="pass" id="pass"></textarea>
        <label for="pass">Description</label>
         <button @click="submitHandler">Create!</button>
      </div>

Answer 1

Руководство Vue вам в помощь и пример

const app = new Vue({
  el: "#app",
  data: {
    newUser: {},
    users: []
  },
  methods: {
    submitHandler() {
      this.users.push({
        [Date.now()]: {
          ...this.newUser
        }
      });
      this.users.reverse()
      this.newUser = {}
    }
  }
})

#app {
  display: flex;
  align-items: flex-start;
}

#creating {
  display: flex;
  width: 30%;
  padding: 10px;
  flex-direction: row;
  flex-wrap: wrap;
  background: #eee;
}

#creating>div {
  margin: 10px;
  display: flex;
  flex: 1 1 100%;
  flex-direction: column;
}

#creating>div>* {
  width: 100%;
}

<script src="https://cdnjs.cloudflare.com/ajax/libs/vue/2.5.17/vue.min.js"></script>
<div id="app">
  <div id="creating">
    <div>
      <label for="name">Name</label>
      <input v-model="newUser.title" type="text" id="name" required>
    </div>
    <div>
      <label for="pass">Description</label>
      <textarea v-model="newUser.pass" id="pass"></textarea>
    </div>
    <div>
      <button @click="submitHandler">Create!</button>
    </div>
  </div>
  <div>
    <pre>{{ users }}</pre>
  </div>
</div>

БЛОГ НА HUSL

Пушать id: {name, pass } в обьект Users?

Ответы (1 шт):