Tengo un componente vue con algunas propiedades, por ejemplo.
import { getAPI } from "@/axios-api"; import { mapGetters, mapActions } from "vuex"; export default { name: "edit-profile-form", data() { return { first_name: "", last_name: "", ...También tengo una llamada a la API que obtendrá estas propiedades, que tienen exactamente el mismo nombre, por ejemplo.
{ "first_name": "Jon", "last_name": "Doe" }¿Hay alguna manera de que pueda actualizar ambas propiedades simultáneamente? en lugar de hacer
axios.get('/url/').then(res => { this.first_name = res.first_name; this.first_name = res.first_name; });Gracias
Una forma rápida de copiar esos campos en sus data es usar Object.assign() :
axios.get('/url/').then(res => { Object.assign(this.$data, res.data) });