Как перезаписать значения из дочернего компонента в родитель?

Question

[Now159]

Мне нужно передать 3 переменные из дочернего компонента, то есть из модалки, в родитель и перезаписать их
Проблема в том, что данные не обновляются.
Наверх прокидываю emit, в родителе слушаю событие и перезаписываю дату.

Дочерний

<div @click="choice(item)" v-for="item in items" :key="item.id">

</div>

data: () => ({
    show: false,
    amount: null,
    choiceUserColor: "",
    choiceUserImg: "",
    choiceUserNumder: 0,

  }),
  methods: {
    choice(item) {
    this.choiceUserColor = item.title
    this.choiceUserImg = item.img
    this.choiceUserNumder = item.number
      console.log(this.choiceUserColor, this.choiceUserImg, this.choiceUserNumder)
      this.$emit('choiceUser',  this.choiceUserColor, this.choiceUserImg, this.choiceUserNumder )
    },
    methodClose() {
      this.show = false
    }

  }

Родитель

<modal-palette @choiceUser="adaa" :items="items" :name="name" ref="modal"/>

data: () => ({
    UserColor: "Violet",
    UserImg: "/temp/card-bg-12.svg",
    UserNumder: 522,

  }),
  methods: {
    adaa() {
      this.UserColor = this.choiceUserColor
      this.UserImg = this.choiceUserImg
      this.UserNumder = this.choiceUserNumder
    },
    openModal() {
      this.$refs.modal.show = true
    },
  }

Answer 1

[Алексей Ярков]

this.$emit('choiceUser', item)
adaa(selectedUser)

Comments

[Now159]

Спасибо, но проблему не решило, это что то не то

[Алексей Ярков]

Now159, ну так вглядитесь внимательно в то что я написал. Тут немного надо подумать, а не копипастить ))

[Now159]

Алексей Ярков, так я понял))) поэтому и спасибо) все же хочу передать именно переменные, не могу понять почему не срабатывает, и к сожалению нет ошибок. Нет данных нет ошибок)))

[Алексей Ярков]

Now159, ну показывайте что вы написали с учётом моего ответа))

[Now159]

Алексей Ярков, Написал свое решение ответом))) спасибо Вам что заставили подумать самого))
p.s. emit не принимает несколько переменных как я понял, ну чтож) опыт опыт .....

Answer 2

[Now159]

может быть не одно из самых лучших решений, но рабочее

дочерний:

<div @click="choice(item)" v-for="item in items" :key="item.id">

</div>

data: () => ({
    show: false,
    amount: null,
    choiceUserColor: "",
    choiceUserImg: "",
    choiceUserNumder: 0,

  }),
  methods: {
     this.choiceUserColor = item.title
      this.choiceUserImg = item.img
      this.choiceUserNumder = item.number
      console.log(this.choiceUserColor, this.choiceUserImg, this.choiceUserNumder)
      this.$emit('choiceUser', [this.choiceUserColor, this.choiceUserImg, this.choiceUserNumder])
    },
    methodClose() {
      this.show = false
    }

  }

Родитель:

<modal-palette @choiceUser="adaa" :items="items" :name="name" ref="modal"/>

data: () => ({
UserColor: "Violet",
UserImg: "/temp/card-bg-12.svg",
UserNumder: 522,

}),
methods: {
adaa(args) {
      this.args = args
      this.UserColor = this.args[0]
      this.UserImg = this.args[1]
      this.UserNumder = this.args[2]
      console.log(args)
},
openModal() {
this.$refs.modal.show = true
},
}

Answer 3

[roaddd]

Emit не принимает несколько параметров. Можно отправить только один параметр т.е в вашем случае объект