如何将滚动条添加到Vue-Material对话框

Question

我正在尝试将对话框添加到Vue.js / Vue-Material界面。该对话框最终将包含冗长的用户输入数据。我希望在对话框中添加一个滚动条。我尝试将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-Material对话框中启用滚动？谢谢！