Производительность удаленного el-select опция 3000 предметов медленно и раздавить?

Question

Здравствуйте, это мой первый раз. У меня проблема с таким, у меня есть 3000 предметов, и я использую такие фреймворки, как vue, element-ui и meteor. Я перетаскиваю все элементы через удаленный el-select, который выбирает, чтобы добавить больше объектов массива remote select. Я не знаю, почему это замедляет производительность и приводит к падению.

Это моя картинка

// Найти метод выбора объекта

_getItemOpts(query, type) {
  type = type || 'remote'
  let exp = new RegExp(query)
  let selector = {}
  if (exp) {
    selector = {
      itemType: { $ne: 'Bundle' },
      // , 'Sale'
      activityType: { $in: ['Purchase'] },
      status: 'Active',
      $or: [
        { name: { $regex: exp, $options: 'i' } },
        { refNo: { $regex: exp, $options: 'i' } },
        { barcode: { $regex: exp, $options: 'i' } },
      ],
    }
  }

  // Find item
  findItems
    .callPromise({ selector: selector })
    .then(result => {
      // console.log(result)
      if (type == 'remote') {
        this.itemOpts = result          

      }
      this.loading = false
    })
    .catch(err => {
      this.loading = false
      Notify.error({ message: err })
    })
},

Пожалуйста, помогите мне.

Answer 1

Ну, никакой магии здесь нет. Вы пытаетесь добавить в DOM 3000 элементов, поэтому неудивительно, что он вылетает. Попробуйте сузить результаты, например, показывать их только тогда, когда пользователь вводит 3 буквы