vue-material - 为什么 md-xsmall-hide 类不隐藏 div？

Question

我有以下...

 <div class="md-toolbar-row">
      <div class="md-toolbar-section-start">
      </div>
      <div class="md-toolbar-row md-toolbar-offset md-xsmall-hide">
          <span class="md-display-1">{{title}}</span>
      </div>
 </div>

但是当我尝试运行时，它并没有隐藏。我仔细检查了该课程是否正在添加。

如何让隐藏工作？

Answer 1

将md-xsmall-hide类放在自己的嵌套div中，这样它就不会被工具栏样式覆盖。见小提琴

https://jsfiddle.net/0hrd8sbw/