当我寻找API事件时,时间会被ex:12:00的v-日历缩写为12,如果我寻找的时间是密码它带来的分钟数完整,既然这似乎是一种确凿的v-日历行为,有人已经解决了吗?

enter image description here

Vutify v-日历缩写的问题

推荐答案

您可以在VCalendar组件中使用Slot#Event.就像这样:

<v-calendar>
    <template #event={ parsedEvent, event }>
        {{ parsedEvent.start.time }} - {{ event.name }}
    </template>
</v-calendar>
  • ParsedEvent:事件中的所有数据都已格式化.
  • 事件:来自事件数组的数据.

像这样使用,您可以为您的事件创建自定义视图. 请记住,您使用的是#Event槽,事件名称将被VCalendar组件忽略,因此您需要析构{Event}才能访问此属性.

我建议您阅读vutify文档中有关插槽的更多信息. https://v2.vuetifyjs.com/en/api/v-calendar/

Vue.js相关问答推荐

Vue 3使用计算(computed)属性对象获取图像信息,在模板中呈现值时变为NaN

VSelect - Select 不适用于 Vuetify 3 中的自定义项目插槽

Vue Datepicker 不会在渲染时显示默认日期

如何在 VUE.js 中重新刷新时保持多层 b-collapse 菜单打开?

路径别名在 vue 脚本块中不起作用

如何将字符串中的
解析为 VUE.js 中的 html 标记

我可以在未注册的组件上构建 Vue.js 失败吗?

在 vue 3 中使用 vue-chartjs:createElement 不是函数

带有外部配置文件的 Vue js

加载和渲染时对象值上的 Vue.js 未定义错误

Vuetify - 根据另一个 Select 选项过滤 Select 数据

VueJS 通过渲染传递数据

我可以修改 Vue.js VNodes 吗?

Vue:如何在按钮单击时调用 .focus()

Vue-i18n '无法读取 Proxy.Vue.$t 处未定义的属性 '_t'

如何将数据传递给 Vue.js 中的路由视图

Vue JS 在渲染前等待数据

是否可以从 vue-devtools 中排除 vue 事件和 vuex Mutations?

Vue $refs 对象的类型为 unknown未知

表格行上的 Vuejs 转换