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

Question

我目前使用的是Vue.js 2.x +Quasar1.x和http-vue-loader (所以没有构建工具)。

我在一个单独的组件中放置了一个Q对话框-让我们称它为MyComponent，当我将它挂接到一个父组件中时，就像这样：

<my-component></my-component>

然后什么都不会发生，它甚至不在DOM中。当我只是将整个q-dialog模板插入到父组件中时，没有单独的外部组件，使用一个简单的v-model就可以很好地工作。

所以我成功地导入了组件，这部分很好。我试图在单击按钮时调用它，但我不能以这种方式与组件通信。

现在我遇到了在类星体中创建对话框的两种不同方法，the first one在组件不在其单独的组件中时使用该组件。The second one似乎是我可能需要的一个单独的对话框组件。问题是使用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代码，该接口在此docpage中的警告下进行了描述。确保CustomComponent有效。

附注:这两种方式都做了同样的事情，但方式不同。对于第一个，您将把该组件导入到另一个组件中，并在模板中对其进行设置；而对于第二个，您将调用一个工具，该工具将使用传递的参数创建一个新的模型。但与第一个相比，第二个并不具备所有的功能。