你好Stackoverflow

我在Web的“浮动动作按钮”材质设计组件中出现了波纹效果问题。我们已经构建了一个小组件（由于使用vue，所以作为vue文件），并使用Javascript实例化了Ripple。但是，纹波不可见。当我单击FAB周围的阴影时，它会有所变化，但是看不到任何波纹。没有错误报告，我们遵循Web FAB组件的documentation。

我什至尝试使用Sass Mixin更改FAB颜色，因为我认为波纹对于“表面颜色”而言太暗了，但是事实并非如此。更改颜色时，波纹仍然不可见。

Fab.vue：组件结构

<button class="mdc-fab" v-bind:class="{
        'mdc-fab--extended': extended,'mdc-fab--mini': mini
    }">
        <i class="mdc-fab__icon" v-bind:class="iconType + ' fa-' + icon"></i>

        <span class="mdc-fab__label" v-if="extended">
            <slot></slot>
        </span>
</button>

在Fab.vue中实例化Java

new MDCRipple(this.$el);

Ripple确实可以在以相同方式实例化的其他组件中工作。这可能是FAB组件或Ripple中的错误吗？还是我只是做错了什么或忽略了什么？