#vue.js #quasar-framework
Вопрос:
Я добавляю область q-прокрутки к существующему контенту, который работает. Когда я добавляю область q-прокрутки, условное форматирование v-if не работает (либо если я оберну div областью q-прокрутки, либо оберну его другим способом). Я хочу, чтобы элемент div отображался и прокручивался только на v-if show.
lt;div @click="show = !show"gt;buttonlt;/divgt; lt;div v-if="show"gt; lt;q-scroll-areagt;Lorem ipsum dolor sit amet, consectetur adipiscing elit. lt;/q-scroll-areagt; lt;/divgt; Комментарии:
1. Вы прикрепляете событие щелчка к элементу, который будет удален из DOM. Ваш обработчик щелчка будет выполнен только один раз.
2. Вы правы, и мне жаль, что я пропустил часть кода. У меня сверху была пуговица. Отредактированный код.
Ответ №1:
В документах Quasar они устанавливают фиксированную высоту lt;q-scroll-areagt; для вертикального содержимого. Похоже, что область q-прокрутки по умолчанию имеет высоту 0.
lt;div @click="show = !show"gt;buttonlt;/divgt; lt;div v-if="show"gt; lt;q-scroll-area style="height: 200px; max-width: 300px;"gt;Lorem ipsum dolor sit amet, consectetur adipiscing elit. lt;/q-scroll-areagt; lt;/divgt; Комментарии:
1. Спасибо за отзыв, но это не сработало. Он опускается на область такого размера, но там нет видимого текста. Интересно, что я вижу текст в devtools. Я думаю, что есть CSS, с которым я могу работать.
2. Попробуйте окружить свой текст в виде
div.3. Я пытался это сделать. Когда я копирую/вставляю страницу в документ Word, отображается текст. Я думаю, что позиция закрыта. Я вижу эти элементы div, созданные quasar: lt;класс div=»q-область прокрутки__относительная прокрутка контейнера, подходящая для скрытой полосы прокрутки»gt;lt;класс div=»q-область прокрутки__относительная прокрутка контейнера, подходящая для скрытой полосы прокрутки»gt;lt;класс div=»q-область прокрутки__абсолютное содержимое»gt;
4. Исправлено путем прикрепления класса z-top к внутреннему div! Спасибо!