重构getters Vue.js (Vuex)
重构getters是指对Vue.js中的Vuex中的getters进行优化和改进的过程。在Vue.js中，Vuex是一个用于管理应用程序状态的状态管理模式。getters是Vuex中的一个概念，用于从store中获取数据并进行计算或过滤。
重构getters的目的是提高代码的可读性、可维护性和性能。下面是一些重构getters的常见方法和技巧：
- 拆分复杂的getters：如果一个getter变得过于复杂，可以考虑将其拆分为多个小的getter，每个getter负责一个特定的计算或过滤逻辑。这样可以提高代码的可读性和可维护性。
- 使用计算属性：在Vue.js中，可以使用计算属性来代替getters。计算属性会缓存计算结果，只有在依赖的数据发生变化时才会重新计算。这可以提高性能，避免不必要的计算。
- 使用箭头函数：在定义getters时，可以使用箭头函数来简化代码。箭头函数具有更简洁的语法，可以减少代码量。
- 避免重复计算：如果一个getter的计算结果在多个地方被使用，可以考虑将计算结果缓存起来，避免重复计算。可以使用Vue.js提供的缓存机制或者自定义缓存变量来实现。
- 使用参数：getters可以接受参数，可以根据参数的不同返回不同的计算结果。这样可以提高getters的灵活性和复用性。
- 使用辅助函数：Vue.js提供了一些辅助函数来简化对getters的使用，例如mapGetters函数可以将getters映射到组件的计算属性中，简化代码。
对于重构getters的应用场景，主要是在开发过程中遇到getters代码过于复杂、性能较差或者可读性较差的情况下进行优化。重构getters可以提高代码的质量和性能，使得应用程序更加健壮和高效。
以下是一些腾讯云相关产品和产品介绍链接地址，可以用于支持Vue.js和Vuex的开发和部署：
- 云服务器（CVM）：腾讯云提供的弹性计算服务，可以用于部署Vue.js和Vuex应用程序。链接地址：https://cloud.tencent.com/product/cvm
- 云数据库MySQL（CDB）：腾讯云提供的关系型数据库服务，可以用于存储和管理应用程序的数据。链接地址：https://cloud.tencent.com/product/cdb
- 云存储（COS）：腾讯云提供的对象存储服务，可以用于存储和管理应用程序的静态资源文件。链接地址：https://cloud.tencent.com/product/cos
请注意，以上只是一些示例产品，腾讯云还提供了更多与云计算相关的产品和服务，具体可根据实际需求进行选择和使用。
相关·内容
我正在构建一个具有多个模块的Vuex商店。我想轻松地定义和映射getters和操作的类型，这样我就可以在path中自动命名模块，而不是为所有方法调用$store.getters“module define /gettername”。
我发现我可以使用vuex库中的createNamespacedHelpers助手，但是它不工作，或者我的配置中缺少一些东西。
下面是我拥有的namespace-helper.js文件
import { createNamespacedHelpers } from 'vuex';
import { getters, actions } from &#
浏览 16提问于2018-01-24得票数 0
回答已采纳
我开始了vuex研究，我在vue.js/Vuex- store中遇到了一个错误: 6:1错误首选默认导出导入/首选-默认-导出；该错误告诉我必须将导出常量存储更改为导出默认存储，但我不想要它 我不能修理，请帮帮忙； // Vuex store
import Vue from 'vue';
import Vuex from 'vuex';
Vue.use(Vuex);
export const store = new Vuex.Store({
state: {
count: 0,
},
getters: {
increment
浏览 52提问于2021-08-24得票数 0
我用。但吸气器不起作用。我在Vue.js Devtools中检查了状态，状态是存在的。但是getter没有数据。就像这样。
那么我如何使用getter呢？
index.js in Vuex
import createPersistedState from 'vuex-persistedstate'
Vue.use(Vuex)
export default new Vuex.Store({
modules: {
login,
segments,
itemList,
orderList
},
plugins: [
creat
浏览 3提问于2018-06-08得票数 0
回答已采纳
0回答
我正在尝试从main.js文件访问我的vue.js应用程序中的应用商店。但是由于某些原因，当我尝试使用商店时，它是undefined。下面是我的代码：
main.js
import { store } from './store/store'
router.beforeEach((to, from, next) => {
if (to.meta.requiresAuth && !store.getters.isLoggedIn) {
next({ path: '/' })
} else if (to.path === &#
浏览 0提问于2018-07-15得票数 2
回答已采纳
2回答
日安。
我在我的vue.js项目中使用模块。现在我需要从getter获得过滤的数据，但是不要忘记如何提供params。
我想提供‘名字’参数的Getter。我怎样才能在Component.vue中做到这一点？
/*State in vuex*/
state: {
tempMessageValues: [
{ name: 'RU', status: 'none', selected: false },
{ name: 'BY', status: 'none', selecte
浏览 0提问于2018-10-04得票数 2
回答已采纳
我正在和vue.js和vuex一起工作。我尝试过构建类似这样的，但我遇到了一个问题，vue.js列表转换与我使用vuex创建的示例不能正常工作。JSFiddle上的例子：。
下面是vue.js代码：
const store = new Vuex.Store({
state: {
items: [1, 2, 3, 4, 5, 6, 7, 8, 9],
},
getters: {
items(state) {
return state.items;
},
},
mutations: {
delete(state, payLoad) {
浏览 2提问于2019-11-26得票数 0
我试图通过使用Vuex的Axios来显示产品列表。
我创建并安装了Vuex，在存储目录中创建了index.js和actions.js、mutations.js、getters.js和state.js。
在我的Vue.js组件中，当我使用调度调用操作时，会得到以下错误：
vuex未知动作类型: getProducts
这是我的密码：
Productlist.vue组件：
<template>
<div class="d-flex align-items-stretch flex-wrap">
<ProductCard v-for=
浏览 1提问于2021-08-05得票数 0
回答已采纳
Vuex覆盖在map()中的状态
期望beahavior - count在单击触发器按钮时总是1
当前行为是count，每次单击触发器按钮时都会增加，如果我们查看控制台日志，就可以看到getter返回可变状态。
const store = new Vuex.Store({
state: {
stuff: [{
count: 0
}]
},
mutations: {},
getters: {
stuff: s => s.stuff,
}
})
new Vue({
e
浏览 4提问于2021-03-20得票数 0
回答已采纳
1回答
Vite不支持vuex
、、、、
我正在创建一个Vue应用程序。现在，我想在我的项目中添加vuex。Vuex是成功的，但我不能增加一家vuex商店。当我包括vuex脚本时：
import Vue from 'vue'
import Vuex from 'vuex'
Vue.use(Vuex)
const store = new Vuex.Store({
state: {
userData: "USER!"
},
mutations: {
},
actions: {
},
getters: {
}
})
export defaul
浏览 2提问于2021-11-27得票数 1
我正在为Vue.js运行一些测试代码，并通过脚本标记包括Vue.js、Vuex和javascript文件(因为它只是用于测试目的，我不想使用构建工具)。
大多数代码运行正常，但Vuex映射函数(mapState、mapGetters .)不起作用。我总是得到ReferenceError: Can't find variable: mapState。为什么我不能访问mapState？这不是通过脚本标记包含的全局函数吗？
仅举一个使用vue文档中的代码的例子：
index.html
<html>
<head>
<meta charset="u
浏览 1提问于2018-02-12得票数 3
回答已采纳
1回答
我在Vuex中使用Vue.js，并想知道是否有一种方法可以像actions那样破坏getter？
这个吸气者：
doneTodosCount: (state, getters, rootState, rootGetters) => {
.....
}
变成这样的人：
doneTodosCount: ({rootGetters}) => {
.....
}
问这个问题，因为在第一个示例中，我不需要前三个参数状态、getters、rootState，但仍然需要编写它们才能到达第四个rootGetters
浏览 0提问于2019-06-20得票数 1
回答已采纳
我用的是Vue.js和Vuex。我想要watch store的值(我将在这篇文章的最后分享我的示例代码)。但是我遇到了错误" error : vuex store.watch只接受函数“。
在这个网站上，我发现了如何使用"single“商店。
然而，在我的例子中，我想使用“两个”商店。你有什么办法来解决这个问题吗？
Index.js
'use strict';
import Vue from 'vue';
import Vuex from 'vuex';
import {test1Store} from './mod
浏览 7提问于2018-01-11得票数 1
回答已采纳
我正试图改用Vuex而不是我自己开发的商店对象，我必须说，我发现文档并不像Vue.js世界中的其他地方那样清晰。假设我有一个名为“products”的Vuex模块，它有自己的状态、突变、getters等。我如何在该模块中引用一个名为“clearWorking Data”的操作？文档给出了访问模块状态的示例： store.state.a // -> moduleA's state 但是我看不到任何关于getter、突变、动作等的东西。
浏览 106提问于2017-01-25得票数 68
回答已采纳
1回答
下面的简单代码让我很头疼，因为某些组件和根实例都会将错误记录到控制台，而不是从vuex对象进行绑定。我还能遗漏什么呢？
var state = {
counter: 0
};
var mutations = {};
var store = new Vuex.Store({state, mutations});
var someComponent = Vue.extend({
template: '<div>{{counter}}</div>',
//data: function(){return {counter: 0}},
vuex
浏览 2提问于2016-09-14得票数 1
回答已采纳
1回答
如何编写无异步承诺的Vuex变异
、、、、
我正在用Vue.js、Vuex和Firebase构建一个应用程序。在这个应用程序中，从Firestore数据库获得的数据会以突变的形式更新到状态。当状态通过getters方法返回到模板时，当前形式的应用程序似乎工作得很好。然而，我的理解是，突变是同步的，承诺(.then)是异步的。因此，.then的承诺不应该是内部突变。那么，为什么这个应用程序仍然运行正常呢？什么是重新配置突变的最佳方式，以便FB数据在没有承诺的情况下被更新到状态？或者是否有必要改变这一点？这是我的Vuex密码。谢谢!
import Vue from 'vue'
import Vuex from 'vu
浏览 1提问于2019-07-17得票数 0
回答已采纳
我对Vue.js和Vuex还是个新手，现在我正试着按照教程来解释Vuex。每当我尝试访问getter messageUpperCase时，它都不再呈现页面。 <template>
<div id="app">
<h1>{{ welcome }}</h1>
<h2>{{ message }}</h2>
<h3>Getter: {{ messageCaps }}</h3>
</div>
</template>
<scrip
浏览 19提问于2020-04-07得票数 0
回答已采纳
1回答
Vuex吸气剂未定义
、、、
我是Vue.js的新手，经历了Vuex模块和Axios的问题。我有一个"post“组件，它从路由器检索一个片段，然后用Axios获取数据，然后用Vuex Getters检索数据。
我能够成功地检索数据，但是在我的DevTools，"TypeError:无法读取未定义的“的属性'name‘上仍然看到了这个错误
由于这个错误，我无法将this.post.name传递给Vue-Meta。
码
Post.vue
computed: {
...mapGetters(["post"]),
},
mounted() {
const slu
浏览 0提问于2020-06-15得票数 2
回答已采纳
我正在尝试为我的Vue.js(Nuxt)项目编写一个简单的插件。我偶然看到了这篇文章，但仍然无法让它工作。
这是我的应用程序结构。
~ is root
~/plugins/HTTP/index.js
~/plugins/HTTP/_store/ => index.js, actions.js, getters.js, mutations.js
~/plugins/HTTP/_api/ => index.js
**Global Store**
~/store/index.js
~/store/modules/
~/store/modules/testing => index
浏览 4提问于2018-09-25得票数 2
我在Vue.js中设置了Vuex，并使用它来更新状态。在它上构建登录功能后，我尝试将令牌存储在localstorage中，但是当我添加localstorage来声明时，它抛出了一个错误。
我当前的代码：
import Vue from 'vue';
import Vuex from 'vuex';
import { getAPI } from '@/axios';
Vue.use(Vuex);
export default new Vuex.Store({
state: {
accessToken: JSON.parse(local
浏览 19提问于2021-03-03得票数 1
回答已采纳
我对vue.js和vuex都是新手。我有一个组件，当状态中有特定数据可用时，它需要分派一个操作。我该怎么做呢。
示例：
export default {
name: 'MyComponent',
computed: {
targetItem() {
return this.$store.getters.getTarget(this.$route.params.id);
}
}
}
在上面的示例中，当targetItem有一个值时，我想在存储上分派一个新的操作。这样我就可以通过vuex操作触发ajax请求，以收集更多关于
浏览 2提问于2017-08-12得票数 1
1回答
我是Vue.js和Vuex的新手，正在尝试一个示例应用程序。这是一个场景- 我有一个通知存储模块，它将通知存储在一个以给定名称作为其键的对象中。 {
'message1': {
type: 'info',
message: 'This is an info message.',
isShown: true,
},
'message2': {
type: 'success',
message: 'This is a success message.'
浏览 9提问于2019-03-07得票数 2
回答已采纳
我刚刚用vuex + Vue.js做了一个非常快速简单的演示，所以我现在有下面的商店代码： export default new Vuex.Store({
state: {
title : 'I am the title ! Tanos avengers: End game !',
links : [
'http://amazon.com',
'http://google.com',
'http://flipkart.com',
]
},
浏览 152提问于2019-06-06得票数 0
1回答
我打算在整个Vue.js 2应用程序中使用几个助手函数(即组件和vuex)。我在这里使用的示例是toCurrency，它将数字转换为货币字符串。我想知道放置这个助手函数的最佳位置在哪里。我现在把它放在我的store.js文件的顶部(我显然是在使用vuex )，并在整个文件中调用它。但是，这意味着当我想在组件中使用它时，也需要将它定义为method。有没有一个更好的地方来放置它们，这样我就不必一直定义它了，还是这里是最好的地方？
import Vue from 'vue'
import Vuex from 'vuex'
Vue.use(Vuex)
functi
浏览 4提问于2018-08-01得票数 1
回答已采纳
2回答
在调度一个改变状态的异步操作之后，在vuex中调用getter的正确方式是什么？
我创建了一个示例代码片段来说明我的意思。如您所见，因为state.persons为空，所以getLastNameByName()失败。奇怪的是，如果我在getter中打印state.persons，它会在api调用之后打印数组。
预期行为是getLastNameByName('John')返回{name: 'John', lastname: 'Smith'}
const store = new Vuex.Store({
state: {
person
浏览 53提问于2018-12-14得票数 10
回答已采纳
这是我在商店中使用的任务模块。在这种情况下，我的showTaskInForm()函数可以很好地工作。我可以通过vue开发工具看到任务出现在state.task中 const state = {
tasks: [] // array of objects
task: null
}
const getters = {
task: state => state.task
};
const actions = {
showTaskInForm({ commit, state }, taskId) {
const task = state.tas
浏览 18提问于2019-09-28得票数 0
我正在建立一个简单的Vue.js待办事项列表应用程序使用Vue.js，Vuex和火库。Vuex商店按照它应该的方式分派、提交和返回输入的数据，但我希望能够将应用程序连接到Firestore数据库。到目前为止，我已经成功地设置了应用程序，以便将数据推送到集合中，但我还希望数据库将firestore数据的快照返回给DOM，并允许从数据库中删除数据。我有在简单的非Vuex项目中使用这些Firestore方法的经验，但不确定如何在Vuex商店中合成Firestore方法。我该怎么做呢？这是我到目前为止所拥有的。非常感谢！ <!--GetTodo.vue-->
<template&
浏览 11提问于2019-05-18得票数 1
我无法使用getter在我的商店中获得客户“爸爸”。但是，它会在屏幕上显示像这样的[ "dad" ]对象。我该如何纠正这一点呢？我是vue.js的新手
<template>
<div class="hello">
<p>{{ GET_CUSTOMERS }}</p>
</div>
</template>
<script>
import { mapGetters } from 'vuex&#
浏览 0提问于2020-02-27得票数 0
1回答
我正在用Vue.js和Firebase开发一个应用程序。
我已经设法让登录使用电子邮件/密码，并可以成功地将firebase.auth()用户信息存储在Vue.js状态下的state.currentUser下。
但是，根据Firebase指南，我有更多的信息存储在‘/用户’参考文件中。例如：/用户/uid
我也想把这些数据放到vuex商店(state.userMeta)中，这样我就可以在站点周围使用它了，但是它在刷新之后就无法工作了。如果我不刷新、注销，然后再重新登录，它就会填充状态。
任何帮助都将不胜感激！
詹姆斯
auth.js
import { auth, db } from '
浏览 3提问于2017-03-16得票数 3
1回答
vuex未知操作类型
、、、
我不得不在一个项目上使用工艺，我已经在前端使用了Vue.js，但无法让VUEX商店触发操作： 我的Vue store文件如下所示： import Vue from "vue";
import Vuex from "vuex";
import bookingFunnel from "../store/booking-funnel/index";
Vue.use(Vuex);
const store = new Vuex.Store({
modules: {
bookingFunnel
}
});
export defau
浏览 29提问于2021-06-29得票数 0
我有laravel/vue.js应用程序，它在第一个页面加载时返回这样的结构
<script>
window.settings = {};
window.settings.user = {};
window.settings.user.timezone = 'Europe/Moscow';
window.settings.user.permissions = {"user.create":false,"user.show":true,"user.update&#
浏览 3提问于2017-05-12得票数 1
2回答
如何访问在Vue.js中抛出代理对象的获取响应。实际上，我在我的Vue.js组件中触发了一个方法，该方法调用一个连接Vuex中的getter的计算函数，在代码上如下所示：
METHOD IN COMPONENT
methods: {
...mapActions(["getAllUsers"]),
async gettingAllusers() {
const target = await this.getterGetAllUsers;
console.log(target);
return target;
},
浏览 8提问于2021-03-12得票数 6
回答已采纳
1回答
我对Vuex中的突变有问题--在我的组件中，我传递了getter和突变，这样我就可以使用数据了。但是，getter传递得很好，可以从组件中检索，但是关于突变，它们似乎都没有定义。我有另一个组件与相同的设置，这似乎工作良好。
下面是与我有问题的组件相关的代码：
到目前为止，我已经尝试通过导入整个store来检索数据，但这不是我必须做的，也不是最优的。
请进一步告知。
商店
import Vue from "vue";
import Vuex from "vuex";
Vue.use(Vuex);
export const store = new Vuex.St
浏览 0提问于2018-07-23得票数 3
2回答
我正在努力改进vuex模块，但是在下面出现了错误：
Uncaught Error: [vuex] getters should be function but "getters.getComments" in module "comments" is [].
/stores/comments.js (模块)
import Vue from 'vue';
import Vuex from 'vuex';
Vue.use(Vuex);
const state = {
comments: []
}
const getter
浏览 3提问于2017-10-29得票数 7
回答已采纳
1回答
我想在组件中传递store.state中的值，得到一个错误：[Vue warn]: Error in render: "TypeError: Cannot read property 'state' of undefined"
因此，我直接调用组件中的值，但它不起作用。
const store = new Vuex.Store({
state: {
filter: {
selected: false,
value: 'test'
}
},
});
new Vue({
el: '#app
浏览 0提问于2019-01-14得票数 0
回答已采纳
我在几个模块中构建了我的Vuex商店，现在我面临着一个我无法解决的奇怪的Vuex错误： Uncaught Error: [vuex] getters should be function but "getters.default" in module "customer" is {}.
at assert (vuex.esm.js?358c:97)
at eval (vuex.esm.js?358c:271)
at eval (vuex.esm.js?358c:85)
at Array.forEach (<anonymous>)
at forEac
浏览 72提问于2019-01-25得票数 4
回答已采纳
我刚刚开始使用Vue.js，我正在尝试使用Vuex。我的目录中有以下结构：src/store/ store
├── index.js
└── modules
├── app
│ └── index.js
└── auth
└── index.js 在每个模块中，我只有一个名为index.js的文件，在这些文件中，我定义了每个模块的getters, actions, mutations, etc。 我的问题是:如何在src/store/index.js文件中自动注册所有这些模块，而不必逐个注册。随着我的应用程序的增长，这将成为一项乏味的任务。我还需要
浏览 14提问于2020-04-08得票数 4
回答已采纳
感谢帮助只在我登录时显示编辑按钮。
我需要帮助的问题是：我能绑定整个{项目。*}哪个项目循环吗？"EditProject“组件？
<EditProject :project="`${project}`">
有关我的应用程序的一些信息：，我正在使用Vuex来存储我的所有数据。理想情况下，我只想将洞项目传递给对话框，但我也可以传递ID，然后从Vuex加载该项目。EditProject是一个新的对话框窗口，我希望能够在其中编辑项目。
我正在创建一个项目列表。这些项目与Vuex和Firebase一起存储，并作为计算支柱加载。
computed: {
projec
浏览 0提问于2019-05-16得票数 0
1回答
//store
export default {
state: {
aboutModels: []
},
actions: {
findBy: ({commit}, about)=> {
//do getModels
var aboutModels = [{name: 'About'}] //Vue.resource('/abouts').get(about)
commit('setModels', aboutModels)
}
},
getters: {
浏览 9提问于2016-09-18得票数 9
回答已采纳
import Vue from 'vue'
import Vuex from 'vuex'
import { createModule } from 'vuex-toast'
import 'vuex-toast/dist/vuex-toast.css'
Vue.use(Vuex)
const store = new Vuex.Store({
modules: {
toast: createModule({
dismissInterval: 80000
}),
app: {
s
浏览 7提问于2017-09-01得票数 2
3回答
在进入'admin'路由之前，我想在Vuex存储中检查用户是否具有/dashboard角色。但我无法正确地从store.getters访问数据。
我使用类星体(Vue.js)和Vuex +打字本。
在routes.ts文件中，在beforeEnter()函数上，我可以使用console.log(store.myStore.getters)从商店访问getter。在这里，我看到userInfos在里面：
我不明白为什么我只得到{}而不是{...} (请注意，如果我点击它，我会看到它的内容)。
但是如果我打电话给console.log(store.myStore.gett
浏览 1提问于2020-12-04得票数 4
1回答
当我设置strict: true时，我会得到错误：
vue.js:525 [Vue warn]: Error in watcher "state"
(found in root instance)
warn @ vue.js:525
run @ vue.js:1752
update @ vue.js:1720
notify @ vue.js:584
reactiveSetter @ vue.js:814
Transform.resize @ transform.js:169
e.resize @ map.js:343
e._onWindowResize @ map.js:12
浏览 2提问于2016-12-29得票数 1
回答已采纳
大家好，我正在使用laravel创建我的vue js应用程序最近。它编译正确，没有错误。但在浏览器控制台上，它说:Vuex是没有定义的。
这是密码。我所用的指南就是这样写的，没有错误。所以我不知道这个错误是从哪里来的。这是代码：
import Vue from "vuex";
import getters from './getters';
import mutations from './mutations';
import * as actions from './actions';
import Vuex from "
浏览 1提问于2022-07-28得票数 0
我的App.vue组件getter：日志出错
<li id="shoppinglists" v-if="!logged">...
ERROR LOG: '[Vue warn]: Property or method "logged" is not defined on the instance but referenced during render.
Make sure that this property is reactive, either in the data option, or for class-base
浏览 0提问于2017-10-23得票数 3
回答已采纳
1回答
我正在试验vuex，我正在寻找组织我的vuex文件的最佳方法，我完成了如下内容：
/src/store/user/state.js：
export default {
state: {
user: null
}
}
/src/store/user/getters.js：
export default {
getters: {
user (state) {
return state.user
}
}
}
/src/store/user/mutuations.js：
export default {
mutations: {
'
浏览 1提问于2017-05-18得票数 10
回答已采纳
1回答
我在使用Vuex模块来声明我的数据。我将数据存储在多个模块中，以保持代码库的整洁。
当使用vuex-map-字段时，我遇到了使用来自多个模块的数据的情况。似乎没有办法这样做，或者我做错了。
下面是我的当前代码；我的组件
<template>
<div class="">
<input type="text" v-model="no_panels"><br>
<input type="text" v-model="firstName
浏览 0提问于2018-04-28得票数 0
1回答
错误vuex未知getter:计数器/计数`
结构：
store.js
const state = {
someRootState: 'someRootState'
}
const getters = {
getRootState: state => state.someRootState
}
import counter from './counter.js'
export default new Vuex.Store({
state,
getters,
modules:{
count
浏览 1提问于2018-05-08得票数 0
2回答
我将自定义的全局变量注入vue中。您可以看到下面的代码。
export default function (props, inject) {
inject('models', {
register(name) {
const model = require(`@/models/${name}.js`)
model.default(props, inject)
}
})
}
这是工作的，我没有问题使用这个，唯一的问题是当他们加载到vuex商店。我使用的是Nuxt.js，它的商店和vue
浏览 3提问于2021-10-20得票数 0
回答已采纳
2回答
我无法从组件中的一个Vuex模块访问getter，即使我可以在Vue Dev工具中看到getter。
我的store.js文件：
import Vue from 'vue';
import Vuex from 'vuex';
import subsub from './modules/subsub';
Vue.use(Vuex);
export default new Vuex.Store({
state: { },
actions: { },
mutations: { },
getters: { },
modules: {
浏览 3提问于2017-05-03得票数 5
回答已采纳
我正在使用vuex和命名空间，我为vuex创建了àstore，当我调用操作时，我有错误vuex未知的操作类型: getPackagingList，我检查了所有东西的拼写错误，但没有结果: store(index.js)： import Vue from 'vue'
import Vuex from 'vuex'
import state from './state';
import * as getters from './getters';
import * as mutations from './mutations
浏览 12提问于2021-09-13得票数 0
回答已采纳
2回答
我不知道我正在做的事情是否正确，但以下是我试图做的事情的简化版本：
我想有3个文件输入，第2和第3被禁用，直到第一个已经选择了一个文件。
我尝试将Vuex状态变量设置为所选择的第一个文件输入，但在此之后，其他2个输入不会更新其禁用的状态。
我有一些动态创建的文件输入，如：
Vue.component('file-input', {
props: ['items'],
template: `<div><input type="file" v-on:change="fileSelect(item)"
浏览 1提问于2019-06-07得票数 0
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
实时音视频
对象存储
云直播活动推荐
腾讯云开发者
