Как добавить полосу прокрутки в Vue -Материальное диалоговое окно - PullRequest
Новая
       37

Как добавить полосу прокрутки в Vue -Материальное диалоговое окно

0 голосов
/ 29 января 2020

Я пытаюсь добавить диалоговые окна в Vue .js / Vue -Материальный интерфейс. В конечном итоге диалоговое окно будет содержать длинные введенные пользователем данные. Я sh добавить полосу прокрутки в диалоговом окне. Я попытался добавить класс Vue -Material md-scrollbar в диалоговое окно, которое я хочу активировать при включении длинного содержимого в поле: 

          <md-dialog class="md-scrollbar md-layout-item md-size-50" :md-active.sync="showDialog">
            <md-dialog-title>Add New Post</md-dialog-title>
            <md-card>
              <md-card-content>
                <md-field>
                  <textarea-autosize
                    class="form-control"
                    v-model.trim="post.content"
                    style="width: 100%"
                    :min-height="100"
                  >
                  </textarea-autosize>
                </md-field>
              </md-card-content>
              <md-card-actions>
                <md-button @click="createPost">Post</md-button>
              </md-card-actions>
            </md-card>
          </md-dialog>

Однако полоса прокрутки не появляется. Диалоговое окно все еще не прокручивается. Любая идея, как включить прокрутку в диалоговом окне Vue -Материал? Спасибо!

...