Javascript 为什么Prop不应用于组件库vue js中的组件？

为了便于使用和维护，我正忙于将我的组件从项目中移动到组件库中。 我将按照概述的结构和流程使用它

目前我只有两个组件：TestButton.vue和LoaderModal.vue

test按钮在从应用程序导入/调用时工作正常，它位于库中，正如预期的那样，看起来应该是这样的，因为它实际上是一个mdb按钮（我刚才用于测试组件导入）

问题在于加载模式。通常，您会将模态的show属性设置为这样显示或隐藏它

加载。。。
{{longLoadingText}}
{{text}}

我看到了您的

代码沙盒

。在代码中为

LoaderModel

组件使用道具有一个小错误。如果将值直接用于

道具

，则无需对其进行绑定（

：text

）。因此，您可以使用以下组件

<LoaderModal :showLoader="true" text="Some Loading Text"/>

如果将数据元素用作道具，请将其绑定：

<LoaderModal :showLoader="true" :text="variableName"/>

---

下面是您的代码沙盒的工作情况

实际的问题似乎是，mdblibrary的所有必需css组件都没有被导入，尽管它们被导入到组件库的索引中

似乎在向nuxt添加插件时，它只调用install方法，而不调用其他方法。解决方案是将css导入组件本身并使其“范围化”，否则将影响主应用程序中的组件

@导入“../../node_modules/mdbvue/lib/css/mdb.min.css”；

在您所说的DOM中没有任何显示无！所以我不明白你有什么问题？！您好@soroush no抱歉我的句子结构不好，但我说有一个显示，它被设置为无，通常当在“：show”道具中传递时，显示将变为块。当您使用开发工具调试时，您看到道具被传递了吗？是@JonathanAkweteyOkine道具值按预期传递（有关信息，请参见我的更新），但mdb模态属性“show”似乎没有此类元素属性。你能提供你的代码吗？谢谢你尝试建议的解决方案不起作用，在提供的链接上也不起作用。问题是模态没有显示，即使我可以看到prop值设置为true。通常“text”prop中填充了一个需要绑定的变量，但出于示例的考虑，它省略了它。