问题标签 [vuex]

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 投票
1 回答
2930 浏览

mvvm - `.vue` 组件分离/就绪函数中的显式调用 vuex 操作

我正在我的项目中尝试使用 vue-js 和 vuex。

我定义了一个store.js

我的actions.js

然后,在我的App.vue组件中:

在上述情况下,当我单击<a @click="readCurrentUser">操作按预期触发时。

但是我希望每次附加应用程序时都触发动作,我该怎么做?

0 投票
2 回答
1991 浏览

vue.js - 未捕获的类型错误:router.afterEach 不是函数

尝试使用此演示应用程序: https ://github.com/skyronic/vue-spa

启动一个 Vuex 项目,但我遇到了这个错误 Uncaught TypeError: router.afterEach is not a function

与 vuex-router-sync 相关。

谁能帮忙,因为我在网上找不到任何东西。

我的 main.js 入口点是:

我实际上并没有在我的示例中调用 router.afterEach 函数,但它由 vuex-router-sync 包使用。抱歉,我知识不够,无法更详细地指出这一点。

该函数由第 25 行的包调用https://github.com/vuejs/vuex-router-sync/blob/master/index.js

到目前为止感谢大家的帮助:)

0 投票
1 回答
3242 浏览

twitter-bootstrap - Vue.js 自动关闭来自 Vuex 商店的警报

我似乎无法弄清楚如何自动关闭我的警报。我将警报存储在 Vuex 中,并通过操作创建警报。可能有任意数量的警报,它们应该按照它们创建的顺序被解除。出于说明目的,我创建了许多警报,每 700 毫秒一个。我希望警报在设定的时间后按照它们的创建顺序自动关闭。我不确定如何执行此操作,或者是否有更好的方法来处理不属于 Vuex 的全局警报消息。这是我的代码:

https://jsfiddle.net/thL4rLta/1/

模板:

0 投票
0 回答
1423 浏览

vue.js - 在带有 vuex 的 vuejs 组件中使用 selectize 和数据绑定

我制作了一个基本上是引导模式的组件。在我想使用 selectize 的模式中(我也尝试过 bootstrap select)。问题是,如果选择有一些静态值,它可以工作,而如果我用动态数据填充它,它会失败:Uncaught TypeError: Cannot read property 'appendChild' of null

这是html:

和组件:

我正在使用 vuex 来获取 clientTypes 列表。我意识到这是出了问题的地方,因为如果我在组件的 data 属性中定义 clientTypes ,它就会起作用。我也不确定我应该在哪里打电话.selectize()。我能想到的最好的方法是 ready() 方法。

提前致谢!

0 投票
1 回答
2155 浏览

javascript - 列表渲染中的 Vuex 和反应性

所以我有一个简单的商店:

以下是购物车有物品时的样子:

这是我对这个对象的突变:

如您所见,在将 a 添加product到 时cart,我首先检查购物车中是否已经存在相同的产品。如果是,我们更改quantity值。如果不是,我设置产品对象的数量属性,然后将其推送到购物车。

供您参考,以下是触发此突变的操作的编写方式:

然后,我有一个组件:

计算属性total运行良好,当我更改.productcart

但是,如果我尝试quantity在列表中显示此属性v-for,它不会在更改时更新quantity

https://jsfiddle.net/Lgnvno7h/2/

0 投票
1 回答
6419 浏览

javascript - 构建一个 Vue + Vuex 项目

我对在哪里放置我的全局函数有点困惑。在很多示例中,main.js 文件指向一个应用程序组件,它位于 html 中的某个位置。如果我只是在这个应用程序组件中包含我的所有逻辑,那么这个工作流程对我来说会很好。但是我将组件与 Laravel 功能相结合,所以这对我不起作用。

目前我的 main.js 文件包含一堆我需要从我的应用程序的任何地方访问的方法。这些方法不包含任何广播事件,因此只要它们获得 vue-resource 实例,它们就可以有效地放置在任何地方。

我的 main.js 文件:

https://github.com/stephan-v/BeerQuest/blob/develop/resources/assets/js/main.js

希望有人能告诉我,如果我要使用 vuex 或一般情况下,我可以将我的友谊方法放在哪里,因为这似乎根本不是最佳实践。

谢谢你。

0 投票
1 回答
5414 浏览

javascript - 从 Vue 应用程序外部访问 Vue 方法或事件

我已经忙了很长时间了,还没有想出一个解决方案。问题是,我希望使用 Require JS 和 Vue/Vuex 构建的模块能够与外界通信。

我不想用这个

或jQuery

这是我的自定义元素

和我的 main.js。我正在使用 requirejs 加载我的 AMD 模块

我的 app.js

有没有办法让应用程序/组件通过我传入的事件或引用与外界通信?

具体来说。我想在我的 Vue 应用程序中进行选择,并让同一页面上的另一个应用程序知道它并接收所选数据以进一步处理它

0 投票
1 回答
441 浏览

javascript - Vue JS 中的父/子方法

我试图在子 VUE 实例中调用一个方法,但我不知道为什么它似乎不起作用。

我的Vue如下:

家长

孩子

但是,我在 Vue 开发工具中不断收到以下错误:v-on:click="lookupAddress" expects a function value, got undefined

关于为什么它没有在子实例上使用该方法的任何想法?我在 childs 元素中调用该方法。

编辑 我的 HTML 标记如下:

0 投票
1 回答
4991 浏览

vue.js - 使用 vuex 和 vue-resource 预取数据

我正在按照以下结构构建一个应用程序:http: //vuex.vuejs.org/en/structure.html

components/App.vue是这样的:

如何获取数据并将其设置为state.courses

谢谢

0 投票
5 回答
15847 浏览

javascript - Vuex & VueJS(不要在突变处理程序之外改变 vuex 存储状态)

我正在尝试创建一个listenerAuth函数,该函数在 firebase 中监视“ onAuthStateChanged ,以在用户登录或退出时通知vuex商店。据我所知,我只是使用突变处理程序修改 state.authData ,除非我遗漏了什么?

我收到错误:

这是我的 App.vue javascript(来自我的组件)

这是我的操作(changeAuth)功能

这是我的商店(重要的部分)