En Vue.js, ¿cómo puedo emitir varios valores de niño a padre mientras que el v-on de los padres pasa otro parámetro?

Solución:

Defina un controlador que acepte los múltiples parámetros del evento y los pase al método de cambio además de su parámetro estático.

<button-counter v-on:change="(...args)=>this.change(1234,...args)"></button-counter>

Alternativamente

<button-counter v-on:change="(...args)=>this.change([1234,...args])"></button-counter>

Y cambia tu método a

change: function (args) {
  this.args = args
  console.log(args)
}

Yo haría esto:

<button-counter v-on:change="change(1, ...arguments)">

Puede utilizar la sintaxis de desestructuración

this.$emit('change', { x:'v1', y:'v2', z: 'v3' })

Y puedes acceder a estos valores así

<button-counter @change="change"></button-counter>

methods: { change({x, y, z}) { .... } }

---

---

Utiliza Nuestro Buscador