Мне нужно неструктурировать объект для обновления переменных, определенных в данных

Question

это мой первый пост. Мне нужно деструктурировать, чтобы обновить переменную, определенную в «data», у меня есть следующие фрагменты кода. Я использую VUE.

data: () => ({
    id: '',
    phone: '',
    email: ''
}),

methods: {
 async getId(){
   {this.id, this.email, this.phone} = this.$route.query.item
 }
}

Answer 1

На самом деле вы можете назначить существующие переменные.

Синтаксис немного странный.

Это должно сработать

({id: this.id, phone: this.phone, email: this.email} = this.$route.query.item)

Вот рабочий пример

Answer 2

Вы не можете разрушить существующие реквизиты, но только новые:

data () {
    return {
     item: {
       id: '',
       phone: '',
       email: ''
     }
   }
},
...
methods: {
 async getId(){
   { id, email, phone } = this.$route.query.item
   Object.assign(this.item, { id, email, phone })