Vue.js-除非刷新，否则不会自动升级Material Design Lite组件

Question

我在Vue.js项目中使用Material Design Lite组件。当我重定向到另一个页面时，我的UI似乎坏了，看起来像这样：

但是当我刷新它时，它有些固定，看起来应该是这样：

我检查了控制台，在元素部分发现了一些奇怪的东西。在刷新之前，代码行（以蓝色突出显示）如下所示

..并在刷新后变为：

似乎在刷新页面时，组件已升级。但是，当我单击链接并重定向到该页面时，它不会自动升级。如何解决此问题？我不想每次进入新页面时都按F5

Answer 1

尝试将其添加到您创建的挂钩中：

created() {
  this.$nextTick(() => {
    componentHandler.upgradeDom();
    componentHandler.upgradeAllRegistered();
  });
}

我必须使用它来修复某些MDL组件的动画。