问题标签 [vue-component]

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

0 投票
4 回答
6842 浏览

javascript - 从 vuejs 中的组件模板访问父方法

我有这个代码:

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

我收到此错误:

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

0 投票
1 回答
1197 浏览

javascript - 我们如何为带有插槽的 vue js 组件创建预加载器?

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

0 投票
0 回答
1149 浏览

vue.js - Vue.js 和使用 AJAX 动态加载页面?

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

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

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

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

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

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

更新

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

在您的 HTML 文件中:

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

并在您的 Javascript 中:

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

0 投票
1 回答
804 浏览

vue.js - 在组件和 Vue 路由之间传递表单数据

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

我有一个和 3 个模板。

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

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

0 投票
1 回答
4789 浏览

ajax - 如何知道 vue.js 中何时加载了所有子组件

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

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

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

0 投票
1 回答
107 浏览

javascript - 如何将来自服务器的动态字段与 vuejs 绑定

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

0 投票
2 回答
3918 浏览

javascript - Vue去抖动的方法?

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

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

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

0 投票
12 回答
83292 浏览

javascript - 在所有 vue 组件模板中使用 lodash

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

例如:

我有如下组织的组件:

App.vue> Parent.vue>Child.vue

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

===

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

0 投票
1 回答
6620 浏览

vue.js - 如何设置全局存储对象?

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

});

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

有人知道为什么吗?

0 投票
1 回答
1234 浏览

vue.js - 从动态接收的 html 内容初始化组件

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

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

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

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

我知道的一些事情:

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

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