Vue: دعم التصنيف الفرعي للصفيف

تم إنشاؤها على ٢٧ ديسمبر ٢٠١٨  ·  3تعليقات  ·  مصدر: vuejs/vue

إصدار

2.5.21

رابط الاستنساخ

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

خطوات التكاثر

1- قم بإنشاء صفيف ممتد وإضافة طريقة مخصصة
2- إنشاء مثيل جديد للفئة وإضافته إلى البيانات
3- حاول استدعاء الطريقة على المثيل في القالب

ما هو متوقع؟

الطريقة تم تنفيذها بنجاح

ما الذي يحدث بالفعل؟

خطأ ليس وظيفة

feature request

التعليق الأكثر فائدة

تضمين التغريدة
كنت بحاجة إلى هذا أيضًا وجعلته يعمل في أرض المستخدم. عندما يصل Vue 3 يمكنك إزالته.

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)
  }
}

ال 3 كومينتر

لا يدعم Vue 2 حاليًا تصنيف الصفيف الفرعي (فرع تطوير Vue 3 يدعمه بالفعل). سأحول هذا إلى طلب ميزة.

تضمين التغريدة
كنت بحاجة إلى هذا أيضًا وجعلته يعمل في أرض المستخدم. عندما يصل Vue 3 يمكنك إزالته.

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)
  }
}

تضمين التغريدة
شكرا جزيلا

هل كانت هذه الصفحة مفيدة؟
0 / 5 - 0 التقييمات