如何解决故事书不支持vuetify的v-calendar
我尝试如下从Storybook中的vuetify添加v-calendar组件,但是它无法加载,并显示下图所示的错误。不支持吗? v-date-picker也是如此。
包装: “ @ storybook / vue”:“> = 5.3.0”, “ vue”:“ ^ 2.6.11”, “ vuetify”:“ ^ 2.2.11”,
//calendar.vue
<template>
<div>
<v-calendar color="primary"
ref="calendar"
v-model="focus"
type="category"
category-show-all
:categories="categories"
:events="events">
</v-calendar>
</div>
</template>
<script lang="ts">
import { Component,Prop,Vue } from "vue-property-decorator";
import Vuetify from "vuetify";
Vue.use(Vuetify);
@Component
export default class Calendar extends Vue {
@Prop({default:()=>{ return []}}) detectionsData!: [];
focus= '';
events= [];
categories= ['John Smith','Tori Walker'];
}
</script>
// calendar.stories.ts
import myCalendar from "../components/Calendar.vue";
import '@mdi/font/css/materialdesignicons.css';
import 'vuetify/dist/vuetify.min.css';
export default {
title: 'Calendar-View',component: myCalendar,};
const Template = (args: any,{ argTypes }: any) => ({
props: Object.keys(argTypes),components: { myCalendar },template: '<my-calendar/>',});
Template.args = {}
export const Default = Template.bind({});
Default.args = ({})
解决方法
为日历组件提供以下属性后,此问题已解决
locale="en"
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。