问题标签 [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.
javascript - 从 vuejs 中的组件模板访问父方法
我有这个代码:
如何从 AppComponent html 模板调用“doSomething”方法?像这样:
我收到此错误:
未捕获的类型错误:scope.doSomething 不是函数
javascript - 我们如何为带有插槽的 vue js 组件创建预加载器?
我有带有数据插槽的 vue.js 组件。我的问题是在完全创建组件之前显示数据。在组件初始化之前,我们有创建组件后的文本,它将被插入到组件槽中。我不想在初始化组件之前显示这些。这有任何组件配置吗?
vue.js - Vue.js 和使用 AJAX 动态加载页面?
在我的数据库 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 - 在组件和 Vue 路由之间传递表单数据
我正在尝试使用组件和路由创建分步表单。如果有更好或更简单的方法可以做到这一点,请随时提出建议,因为我是 Vue.js 的新手。
我有一个和 3 个模板。
我想要做的是,在#step-3 上显示输入值,然后单击按钮,通过 ajax 调用提交表单。
您可以从这里查看小提琴:https ://jsfiddle.net/j7mwc9wk/
ajax - 如何知道 vue.js 中何时加载了所有子组件
我有一个 vue.js 应用程序,其中有几个像这样的子组件:
页面加载完成后,我可以使用ready
hook 来知道组件已经加载完成。现在,这些组件使用 ajax 数据填充,并且可以通过单击按钮手动更新它们。broadcast
我可以通过使用和dispatch
方法从每个子组件中获取数据。但是我想在用户单击按钮时向用户显示预加载器,并在所有 ajax 请求完成时将其隐藏。为此,我需要知道所有子组件都已完成加载。在过去的 4-5 小时内我无法做到这一点。谷歌和 SO 并没有太大帮助。
我也尝试过使用 jQuery ajaxStop
,但它似乎不适用于 vue-resource。谁能帮帮我吗?
javascript - 如何将来自服务器的动态字段与 vuejs 绑定
服务器发布的文件,数据也是表单服务器,如何将它们与vuejs绑定?我最后要显示的是数据,而不是归档名称。
javascript - Vue去抖动的方法?
我知道 Vue.js 具有内置的功能,可以对输入字段进行去抖动。我创建了一个滑块,它触发了一个不使用输入字段的方法,我想知道我是否可以利用方法内部的去抖动功能。
除了简单地向输入添加去抖动之外,甚至可以使用此功能吗?还是我需要为此编写自己的功能?
我刚刚尝试过这样做,但它似乎不起作用:
javascript - 在所有 vue 组件模板中使用 lodash
_
我可以在我的所有 vue 组件中使用 lodash吗?
例如:
我有如下组织的组件:
App.vue
> Parent.vue
>Child.vue
我希望我的所有组件都可以访问_
lodash 而不在每个组件 vm 中定义data
===
我也在尝试使用Mixins。有用。但结果不是这样的,_().isEmpty()
而不是_.isEmpty()
vue.js - 如何设置全局存储对象?
我正在使用 vueify 和 browserify。我在 main.js 文件中创建了一个对象
});
现在在我的 Vue 实例中,我可以将它与 foo.store.foo 一起使用!但是当我在组件中使用 store 对象时, store 对象是未定义的?
有人知道为什么吗?
vue.js - 从动态接收的 html 内容初始化组件
我在 Laravel 应用程序中使用 VueJS 和 gulp 和 browserify。
我的 vue 组件与普通的 html 或刀片文件一起工作正常。
仅当我在加载页面后尝试加载 html 时才会出现此问题。(加载vue脚本后...)
例如:假设组件的签名是<todo-list />
. 我正在尝试在模态中加载它。包含签名的 html 是从 jQuery Ajax 调用动态加载的。$.ajax()
.
我知道的一些事情:
问题的原因很简单:由于页面已经加载,附加到body的vue脚本也加载了,所以它无法识别我从动态html内容加载的组件签名。
我可以使用“onShow”模式事件。问题是我不知道如何调用 VueJS 来再次检查所有的 html 来解析那些组件标签。