问题标签 [vue-component]

我有这个代码：

如何从 AppComponent html 模板调用“doSomething”方法？像这样：

我收到此错误：

未捕获的类型错误：scope.doSomething 不是函数

我有带有数据插槽的 vue.js 组件。我的问题是在完全创建组件之前显示数据。在组件初始化之前，我们有创建组件后的文本，它将被插入到组件槽中。我不想在初始化组件之前显示这些。这有任何组件配置吗？

在我的数据库 Web 应用程序中，我需要很多不同的页面，每个表一个。应用程序中的哪些页面对于每个用户来说都是不同的，所以我不想事先将它们全部包括在内，因为这会使事情变得不必要的大，并且在启动时可能会变慢。

到目前为止，在我的应用程序中，我只有 1 个Vue实例，它保存所有页面的数据，每个页面都在它自己的data. 数据以 JSON 格式动态加载vue-resource（使用$http.get()），因此在启动时data是空的。

现在我需要一种动态加载页面 HTML 并将它们绑定到现有Vue实例的方法。我以前用 jQuery 加载页面，但是当我在这个 Vue 应用程序中这样做时，数据没有绑定到加载页面的内容。

我查看了 Vue 组件，但这似乎更适合页面上的可重复（小）元素，而不是整个页面，但如果我错了，请纠正我。

我也遇到过vueify,browserify和Webpack，但现在这些对我来说似乎有点太高级了。我只想加载一些 HTML 并将其与 Vue 一起使用，就像之前已经包含的一样。

有人可以解释一下正确的方法吗？

更新

Vue partials似乎是一个解决方案：

在您的 HTML 文件中：

<partial :name="currentModule"></partial>

并在您的 Javascript 中：

这vue-resource用于 AJAX，但这也可以通过jquery.ajax()其他方式来完成。

我正在尝试使用组件和路由创建分步表单。如果有更好或更简单的方法可以做到这一点，请随时提出建议，因为我是 Vue.js 的新手。

我有一个和 3 个模板。

我想要做的是，在#step-3 上显示输入值，然后单击按钮，通过 ajax 调用提交表单。

您可以从这里查看小提琴：https ://jsfiddle.net/j7mwc9wk/

我有一个 vue.js 应用程序，其中有几个像这样的子组件：

页面加载完成后，我可以使用readyhook 来知道组件已经加载完成。现在，这些组件使用 ajax 数据填充，并且可以通过单击按钮手动更新它们。broadcast我可以通过使用和dispatch方法从每个子组件中获取数据。但是我想在用户单击按钮时向用户显示预加载器，并在所有 ajax 请求完成时将其隐藏。为此，我需要知道所有子组件都已完成加载。在过去的 4-5 小时内我无法做到这一点。谷歌和 SO 并没有太大帮助。

我也尝试过使用 jQuery ajaxStop，但它似乎不适用于 vue-resource。谁能帮帮我吗？

服务器发布的文件，数据也是表单服务器，如何将它们与vuejs绑定？我最后要显示的是数据，而不是归档名称。

我知道 Vue.js 具有内置的功能，可以对输入字段进行去抖动。我创建了一个滑块，它触发了一个不使用输入字段的方法，我想知道我是否可以利用方法内部的去抖动功能。

除了简单地向输入添加去抖动之外，甚至可以使用此功能吗？还是我需要为此编写自己的功能？

我刚刚尝试过这样做，但它似乎不起作用：

_我可以在我的所有 vue 组件中使用 lodash吗？

例如：

我有如下组织的组件：

App.vue> Parent.vue>Child.vue

我希望我的所有组件都可以访问_lodash 而不在每个组件 vm 中定义data

===

我也在尝试使用Mixins。有用。但结果不是这样的，_().isEmpty()而不是_.isEmpty()

我正在使用 vueify 和 browserify。我在 main.js 文件中创建了一个对象

});

现在在我的 Vue 实例中，我可以将它与 foo.store.foo 一起使用！但是当我在组件中使用 store 对象时， store 对象是未定义的？

有人知道为什么吗？

我在 Laravel 应用程序中使用 VueJS 和 gulp 和 browserify。

我的 vue 组件与普通的 html 或刀片文件一起工作正常。

仅当我在加载页面后尝试加载 html 时才会出现此问题。（加载vue脚本后...）

例如：假设组件的签名是<todo-list />. 我正在尝试在模态中加载它。包含签名的 html 是从 jQuery Ajax 调用动态加载的。$.ajax().

我知道的一些事情：

1. 问题的原因很简单：由于页面已经加载，附加到body的vue脚本也加载了，所以它无法识别我从动态html内容加载的组件签名。

2. 我可以使用“onShow”模式事件。问题是我不知道如何调用 VueJS 来再次检查所有的 html 来解析那些组件标签。