如何从外部组件调用 Quasar 对话框？

Question

我目前正在使用 Vue.js 2.x + Quasar 1.x 和 http-vue-loader（所以没有构建工具）。

我将一个 q-dialog 放在一个单独的组件中——我们称之为 MyComponent，当我像这样将它连接到一个父组件中时：

<my-component></my-component>

然后什么也没有发生，它甚至不在 DOM 中......当我只是将整个 q-dialog 模板插入到父组件中，而没有单独的外部组件时，使用简单的 v-model 一切正常。

所以我成功导入了组件，那部分很好。 我试图在单击按钮时调用它，但我无法真正以这种方式与组件进行通信。

现在我遇到了在 Quasar 中创建对话框的两种不同方式，第一种是在组件不在其单独组件中时使用该组件。 第二个似乎是我可能需要的一个单独的对话框组件。 问题是使用 vue-http-loader 导入外部组件看起来像这样：

components: {
  'my-component': httpVueLoader('/components/MyComponent.vue'),
},

而根据 Quasar 文档，它应该是这样的：

import CustomComponent from '..path.to.component..'

...

this.$q.dialog({
  component: CustomComponent,

...

文档也让我有点困惑。 ：/

Answer 1

不幸的是，我看不到 CustomComponent 代码，它需要在一个接口之后创建，这在本文档页面的警告下进行了描述。 确保 CustomComponent 有效。

PS - 这两种方式都做同样的事情，但方式不同。 对于第一个，您将该组件导入到另一个组件并将其设置在模板中，但是对于第二个，您将调用一个工具，该工具创建一个带有传递参数的新模式。 但是与第一个相比，第二个没有所有功能。