Vuetifyjs: множественные v-текстовые поля очень медленно реагируют при нажатии клавиши

#javascript #vue.js #vuetify.js

#javascript #vue.js #vuetify.js

Вопрос:

Я использовал несколько v-text-field в Vuetifyjs, очень медленный отклик при нажатии клавиши. Вот Codepen:

Как я могу это исправить?

Ответ №1:

Codepen отлично работает на macOS. (Предполагается, что это комментарий, но по какой-то причине я не могу добавить комментарий, поэтому пришлось опубликовать это в качестве ответа).

Комментарии:

1. Проблема может возникнуть при удержании клавиши

2. Все еще отлично работает на Mac ^^ ‘ Я предполагаю, что это проблема, зависящая от ОС или браузера, а не от самого кода.

Ответ №2:

Эта проблема не связана с операционной системой. Это действительно зависит от браузера и вычислительной мощности. Если вы откроете ту же страницу, например, в браузере Chrome, производительность будет намного выше, чем в IE или Fire Fox. Также зависит от того, с какого устройства вы пытаетесь отобразить страницу.

Например, если у вас есть несколько v-textarea на одной странице, производительность значительно снижается.

Это известная проблема, и команда Vue упомянула, что они могут исправить это в Vue 3.

https://github.com/vuetifyjs/vuetify/issues/6201