Vue 3 в БД прилетают не правильные данные

Столкнулся с проблемой с при вводе данных через v-model в базу записываются данные наоборот. к примеру если в инпут "telNumb" прилетает данные с инпута "name". при выводе в console.log() все стоит на своих местах

    <template>
  <form class="container" @submit.prevent>

    <div class="field">
      <label class="label">IP Address:</label>
      <div class="control">
        <input
            type="text"
            class="input"
            placeholder="New IP ADDRESS"
            v-model="editedHost.userIpAddr"

        />
      </div>
    </div>

    <div class="field">
      <label class="label"> User Name </label>
      <div class="control">
        <input
            type="text"
            class="input"
            v-model="editedHost.userName"
        />
      </div>
    </div>

    <div class="field">
      <label class="label">location</label>
      <div class="control">
        <input
            type="text"
            class="input"
            placeholder="location"
            v-model="editedHost.userLocation"

        />
      </div>
    </div>

    <div class="field">
      <label class="label">DEPT</label>
      <div class="control">
        <input
            type="text"
            class="input"
            placeholder="DEPT"
            v-model="editedHost.userPositionDept"


        />
      </div>
    </div>

    <div class="field">
      <label class="label">Password</label>
      <div class="control">
        <input
            type="text"
            class="input"
            placeholder="Password"
            v-model="editedHost.userPassword"
        />
      </div>
    </div>

    <div class="control">
      <button class="button is-success" @click="editHostIp">Обновить IP адрес</button>
      <button class="button is-warning ml-3" @click="$router.push('/dashboard')">Назад к списку</button>
    </div>

  </form>
</template>

<script>
import axios from "axios";

export default {
  name: "VueEditUserData",
  data: () => ({
    editedHost: {
      userIpAddr: "",
      userLocation: "",
      userName: "",
      userPassword: "",
      userPositionDept: "",
    },
  }),

  methods: {
    async fetchHostsById() {
      try {
        const response = await axios.get(`http://192.168.32.17:3000/ipAddress/${this.$route.params.id}`)
        console.log(response)
      }catch (e) {
        console.log(e)
      }

    },
    async editHostIp() {
      await axios.put(`http://192.168.32.17:3000/ipAddress/${this.$route.params.id}`, {
        user_ipAddr: this.editedHost.userIpAddr,
        user_location: this.editedHost.userLocation,
        user_name: this.editedHost.userName,
        user_password: this.editedHost.userPassword,
        user_position_dept: this.editedHost.userPositionDept
      })
      console.log(this.editedHost)
    },
  },
  //
  // mounted() {
  //   this.editHostIp()
  // },
};
</script>

<style scoped>

</style>

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