Question

我的源代码如下，

<script lang='ts'>
import { Vue, Component, Prop } from 'vue-property-decorator';
import WithRender from './ali-ums-progress.html';
import Constants from '../../constants';

@WithRender
@Component
export default class AliUMSProgress extends Vue {
}
</script>

<style lang='scss' scoped>
  @import './ali-ums-progress.scss';
</style>

HTML 和 scss 文件分开存放。使用 @WithRender html内容正在渲染，但是无法检查默认样式。

有人可以在这里帮助我吗？

Answer 1

我找到了解决方案...

使用命令“ vue添加vuetify ”安装vuetify后，创建文件“ src / plugins / vuetify.ts ”。

在此文件中，将从'vuetify / lib'导入Vuetify 替换为从'vuetify'导入Vuetify 解决了我的问题。

Answer 2

Vuetify插件文件必须包含样式导入，如下所示（documentation）：

import Vue from 'vue';
import Vuetify from 'vuetify';
import 'vuetify/dist/vuetify.min.css' <------ here
Vue.use(Vuetify);

export default new Vuetify({
});

对我有用。

Vue Cli 3-打字稿-使用@WithRender的Vuetify样式不适用于单独的模板文件

2 个答案: