我的源代码如下,
<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内容正在渲染,但是无法检查默认样式。
有人可以在这里帮助我吗?
答案 0 :(得分:0)
我找到了解决方案...
使用命令“ vue添加vuetify ”安装vuetify后,创建文件“ src / plugins / vuetify.ts ”。
在此文件中,将从'vuetify / lib'导入Vuetify 替换为从'vuetify'导入Vuetify 解决了我的问题。
答案 1 :(得分:0)
Vuetify插件文件必须包含样式导入,如下所示(documentation):
import Vue from 'vue';
import Vuetify from 'vuetify';
import 'vuetify/dist/vuetify.min.css' <------ here
Vue.use(Vuetify);
export default new Vuetify({
});
对我有用。