Vue: Subclasificación de matrices de soporte

Creado en 27 dic. 2018 · 3Comentarios · Fuente: vuejs/vue

Versión

2.5.21

Enlace de reproducción

https://codepen.io/AmrIKhudair/pen/NevxML

pasos para reproducir

1- crea una clase ampliando Array y agrega un método personalizado
2- instancia una nueva instancia de la clase y agrégala a los datos
3- intenta llamar al método en la instancia en la plantilla

¿Lo que es esperado?

El método se ejecuta con éxito

¿Qué está pasando realmente?

Error no es una función

feature request

Fuente

AmrIKhudair

👍1

Comentario más útil

@AmrIKhudair
También necesitaba esto y lo hice funcionar en la tierra de los usuarios. Cuando llegue Vue 3, podrás eliminarlo.

export function makeReactive (obj) {
  // eslint-disable-next-line no-proto
  const proto = obj.__proto__

  Object.defineProperty(obj, '__proto__', {
    get () { return proto },
    // eslint-disable-next-line no-proto
    set (newValue) { proto.__proto__ = newValue }
  })
}

import { makeReactive } from 'util'

export default class UserCollection extends Array {
  constructor (...args) {
    super(...args)

    makeReactive(this)
  }
}

edcoreweb en 21 feb. 2019

👍5 🚀2

Todos 3 comentarios

Actualmente, Vue 2 no admite la subclasificación de Array (la rama de desarrollo de Vue 3 ya lo hace). Convertiré esto en una solicitud de función.

yyx990803 en 27 dic. 2018

@AmrIKhudair
También necesitaba esto y lo hice funcionar en la tierra de los usuarios. Cuando llegue Vue 3, podrás eliminarlo.

export function makeReactive (obj) {
  // eslint-disable-next-line no-proto
  const proto = obj.__proto__

  Object.defineProperty(obj, '__proto__', {
    get () { return proto },
    // eslint-disable-next-line no-proto
    set (newValue) { proto.__proto__ = newValue }
  })
}

import { makeReactive } from 'util'

export default class UserCollection extends Array {
  constructor (...args) {
    super(...args)

    makeReactive(this)
  }
}

edcoreweb en 21 feb. 2019

👍5 🚀2

@edcoreweb
Muchas gracias

AmrIKhudair en 22 feb. 2019

¿Fue útil esta página

0 / 5 - 0 calificaciones