如何在自定义工具或卡片中使用 Nova 组件？

Question

我目前正在开发一个 Laravel Nova 应用程序，我需要在其中添加大量自定义工具和卡片。我想在整个应用程序中保持一致性，所以简单地使用现有的 Laravel Nova 组件来处理表单输入等某些事情是有意义的。

我正在尝试使用nova/resources/js/fields.js文件中找到的几个不同的组件，但它不起作用。

在我的代码中，我只是引用了<form-date-time></form-date-time>组件，但我收到了错误：

Cannot read property 'attribute' of undefined
Cannot read property 'value' of undefined

我不是 Vue 专家，所以我想我错过了一些非常清晰和明显的东西。在另一篇 SO 帖子中，有人提到我正在尝试使用 Novacheckbox组件做同样的事情。在那种情况下，需要将一个 prop 传递给组件才能使其正常运行，但是我没有看到需要传递给nova/resources/js/components/Form/DateTimeField.vue.

在我的自定义工具和卡片中使用 Nova 组件的任何帮助将不胜感激。谢谢你。

Answer 1

弄清楚了。显然，Nova 的所有内置组件均可在全球范围内使用。没有意识到这一点。为了编译它，我所需要做的就是删除导入语句。