При динамическом масштабировании таблицы (в разделе вкладки bootstrap vue) один раздел масштабируется, другой — нет, может кто-нибудь мне это объяснить?

#vue.js #bootstrap-vue

#vue.js #bootstrap-vue

Вопрос:

Я создал компонент, который представляет две вкладки (регистрация и вход), вкладки

В обоих компонентах вкладок я вызвал один и тот же фрагмент кода для перенастройки стиля, когда ширина страницы достаточно мала, что, похоже, работает в разделе register, но не работает в разделе login

Код для формы на вкладке входа в систему

Сценарий и стиль вкладки входа в систему

Я новичок в переполнении стека, поэтому, если я допустил какие-либо ошибки в своем вопросе, пожалуйста, дайте мне знать!

Редактировать: я неправильно написал Mounted в своем исходном коде, изменил его на mounted, и теперь он работает при перезагрузке страницы, но моя цель — позволить ему динамически меняться при изменении размера экрана (тот же код отлично работает для части Register)

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

1. в коде скрипта я видел смонтированный хук, объявленный с заглавной буквой «Mounted». Пожалуйста, введите строчные буквы «mounted» и повторите попытку

2. Спасибо за ваш ответ! Я изменил Mounted на mounted (я использовал mounted с небольшим m на вкладке register, которая работает динамически) Только теперь это работает, когда я обновляю страницу, но не когда я сам меняю ширину экрана (без обновления)