Question

这是我的App.vue代码：

<template>
  <div id="app">
    <router-view></router-view>
  </div>
</template>

<script>
import 'material-design-lite'
export default {
  name: 'app'
}
</script>

<style lang="stylus">
@import url('./assets/css/material-icons.css');
@import url('./assets/css/material.indigo-blue.min.css');
</style>

我在Material-design-lite项目中使用vue.js个包。

我也使用vue-router

运行npm run dev后，第一页的效果很好，但是当我用vue-router更改网址时，基本的css样式仍然有效，但动画效果失败。

但我新网站，动画效果很好。

我知道动画效果来自import 'material-design-lite'

那么，我怎样才能使所有页面都能有效地起作用呢？

Answer 1

您需要重新运行mdl componentHandler，因为在migth运行时尚未安装vue模板。我使用组件“扩展”在我拥有的每个组件上使用此技巧。参见Using material design with VueJS。

DelegatingHandler

材料设计使用vue-router导致效果失败的材料设计？

1 个答案: