问题标签 [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 投票
2 回答
1142 浏览

javascript - 动态选项的计算 getter 和 setter

我将 Vuex 与我的 Vue 组件一起使用。当我的组件具有可编辑的静态字段时,可以使用计算属性轻松处理它们:

但是,当我呈现需要绑定的选项列表时,应该怎么做呢?

0 投票
3 回答
8416 浏览

javascript - 为什么我不能连接这两个数组?

这是代码(一个Vuex突变):

这是相应日志的结果:

为什么两个数组不连接?

0 投票
1 回答
260 浏览

javascript - 如何访问在较低(父)级别声明的 Vue 对象的属性?

在我的index.js中,我有一个 Vue 对象,它声明一个路由器并呈现所有页面的持有者。

在页面渲染器中,我的组件依次具有它们的子组件等。现在我想访问在最外层声明的路由器实例,并在 toppy subcomponents 之一的上下文中对其进行操作

我怎样才能做到这一点?

它在上下文中并不存在。我需要以某种方式将它传递到树上吗?什么是这样做的好方法?我是否应该避免访问顶部工作组件中底部声明的实例?

0 投票
2 回答
19764 浏览

javascript - 为什么 $store 没有定义?

我正在努力用 vuejs 和 vuex 开发一个项目,但它不适用于this.$store.state.count用于组件。为什么?

我的配置:

商店.js:

主.js:

组件.js:

错误:

0 投票
2 回答
12827 浏览

javascript - Vue中创建组件时如何实现一个功能?

根据文档,Vue 对象的构造函数是这样管理的。

但是,我不知道在创建 Vue 组件时如何做相应的事情。我已经尝试了以下但没有得到任何打印到控制台。

是否可以订阅/收听正在呈现的组件?我想通过下载一些数据并将其放入存储中来对该事件做出反应,以便组件携带的表将获取其信息以显示。

0 投票
2 回答
2285 浏览

vue.js - 你究竟是如何使用mapState的?

我正在尝试在 Vuex 中使用 mapState,如下所示:

我收到“意外令牌”编译错误,Browserify 指向第一个粗箭头。如果我尝试使用扩展运算符:

编译错误发生在...

0 投票
1 回答
4913 浏览

javascript - 无法向 Vue 商店中的突变发送第二个参数

我有一个像这样的不错的变异 JS 文件。

它通过以下方式被不同的操作调用。

我检查了动作中发送的元数据,它绝对不是undefined。但是,当我检查突变中的元数据时,它是!为什么?我该如何解决这个问题?

0 投票
1 回答
2642 浏览

javascript - 如何使 Vuex 商店更改触发渲染刷新?

我正在尝试实现一些 UI 组件,目前正在处理下拉菜单。由于打开下拉菜单需要关闭所有其他下拉菜单,因此我正在尝试使用 Vuex.Store 来保持全局状态,因为我已经阅读过这是在状态更改时导致视图刷新的正确方法。但这对我来说真的不起作用。

这是我目前的尝试:https ://jsfiddle.net/2y573o24/1/

没有this.$forceUpdate()(注释掉)视图不会更新方法。但随后它将强制更新当前组件,而不是其他组件,这就是共享状态的点。

EDIT1:我在这里尝试使用 mapState:https ://jsfiddle.net/2y573o24/3/

EDIT2:所以我从头开始使用 Vuex 文档反例,并让它有点工作:https ://jsfiddle.net/ssr9pkLa/1/

但是,它需要更新状态直接根子 (ddCounter) 并将其显示在模板中。这是否意味着无法跟踪状态对象的更改?

0 投票
1 回答
5523 浏览

vue.js - 未知操作:计数器不随 Vuex (VueJS) 递增

我正在使用以下代码使用 Vuex 在 store.js 中增加一个计数器。不知道为什么,当我点击增量按钮时,它说:

[vuex] 未知动作类型:INCREMENT

store.js

IcrementButton.vue

0 投票
0 回答
176 浏览

javascript - 导入在 Vue.use(VueResource) 之前使用 VueResource 的数据提供程序时出错

我试图在 Vuejs 2 应用程序的引导文件中导入商店,在商店内部,我使用的是使用 VueResource 的数据提供程序...这样做,我必须在实际调用之前导入使用 VueResource 的商店Vue.use(VueResource) 我的代码是如下所示: