vuex相关内容

为什么在站点加载时多次调用 nuxtServerInit

我正在处理 nuxt-edge + auth.nuxt + vuex 项目和 nuxtServerInit 方法我只在控制台中记录一条消息.当站点重新加载时,消息会被打印多次.这似乎只发生在 dev 模式下. 解决方案 任何时候从您的服务器请求资产导致错误,Nuxt 都会为每个文件呈现并返回一个单独的错误.错误页面被视为 Nuxt 中的任何其他页面.这意味着 nuxtSeverInit 会 ..
发布时间:2021-09-20 20:21:37 其他开发

Vue2 + Vuex 提交不提交(没有 Vue devtools)

我正在尝试使用 Vuex 完成应该是一项基本任务,但由于某种原因它不起作用,经过广泛搜索后,我非常感谢您的帮助. 我想要做什么: 使用新属性(对象)更新我商店中对象的列表(对象). 出了什么问题: 在我什至调度操作以从我的组件提交新对象之前(我正在通过 mapActions 访问操作),列表中任何现有对象中的某些属性都会更新为与输入/v-models 相关的值在我的组件中. ..
发布时间:2021-09-20 20:20:18 其他开发

Vuex 访问 vue 路由器中的命名空间模块 getter

我试图通过检查用户是否通过身份验证来保护我的路线,这是示例路线: {路径:'/内网',组件:搜索,元: { requiresAuth: true },道具: {税:'类型',术语:'内网邮递',名称:'内网'}}, 我是这样设置警卫的: router.beforeEach((to, from, next) => {if (to.matched.some(record => record.me ..
发布时间:2021-09-20 20:19:38 其他开发

使用 vuex 时如何在打字稿语法中使用 mapState 函数?

我在与 vuex 集成的 vuejs 项目中使用了 typescript 语法.我想使用在我的 .ts 文件中计算的 mapState 方法,但出现语法错误.目前我正在使用文档建议的计算函数语法,我的意思是: 获取计数器() {返回 this.$store.state.count;} 如果您阅读 Vuex 文档,您会发现以这种方式使用 Vuex 而不是使用 mapState 是非常重复的.在 ..
发布时间:2021-09-20 20:19:30 其他开发

VueJs + Vuex + mapActions

在文档中,除了通过操作调用的突变之外,状态是不可变的......好吧. 我在我的组件中使用 mapGetters、mapActions ... 商店: 出口默认{命名空间:真,状态: {颜色:“紫罗兰"},突变:{更改颜色(状态,新颜色){state.color = newColor},},动作:{changeColor({ commit }, newColor) {commit(' ..
发布时间:2021-09-20 20:19:24 其他开发

将参数传递给 mapGetters

我在我的组件中使用 vuex 和 mapGetters 助手.我得到了这个功能: getProductGroup(productIndex) {返回 this.$store.getters['products/findProductGroup'](productIndex)} 是否可以以某种方式将其移动到 mapGetters?问题是我还向函数传递了一个参数,所以我找不到将它放在 mapGet ..
发布时间:2021-09-20 20:19:03 其他开发

Axios - 仅在 1 个调用中删除标头授权

如何仅在 1 次调用中删除 axios.defaults.headers.common.Authorization? 我正在为对我的域的所有调用设置默认值,但我在另一个域上进行了 1 次调用,如果传递了令牌,则调用会给我一个错误,当没有默认的 Auth 令牌保存时,一切正常. 所以我想要做的不是在该特定调用中传递 Auth 我试过了,但没有用 loadApiCoins({ c ..
发布时间:2021-09-20 20:18:55 其他开发

如何在Vue js中使div可拖动?

我在 vue 组件中有一个 div,我想让该组件可拖动.我检查了许多 vue 可拖动插件,但它们有一个单独的拖动组件,而不是像在 angular draggable 中那样添加的指令.请帮我解决这个问题? 解决方案 您需要将 vuedraggable 添加到您的节点模块中. 纱线添加 vuedraggable 然后: import draggable from 'vuedr ..
发布时间:2021-09-20 20:15:29 其他开发

如何重用应该使用唯一 vuex 存储实例的组件

我试图找到一种方法,将 vuex 与可重用组件一起使用,该组件将数据存储在商店中.问题是,我需要每个组件实例的商店都是唯一的. 我认为文档的可重用模块是关键,但最后似乎不是为了这个目的,或者我不明白如何使用它. 父组件:(prop “req-path" 用于传递不同的 URL 以使每个 FileExplorer 组件提交从 API 获取数据的操作,使用该 URL 路径) ..
发布时间:2021-09-20 20:14:59 前端开发

如何在 vuetify 中显示树视图组件

有人可以帮我在 vuetify 中渲染树视图吗我有这样的回应在这种情况下,我使用了 vuetify 框架 [{“id":4,“名称":“测试",“parent_id":0,“图像":“gVtHmE4tN18Y.png",“儿童":[{“id":6,“名称":“测试2",“parent_id":4,“图像":“XBpqGq6CinOm.png",“父母":[{“id":7,“名称":“Test3" ..
发布时间:2021-09-20 20:13:11 前端开发

Vue.js VUEX 属性未定义问题

我遇到了有趣的错误.Chrome 的控制台显示属性 'name' 未定义,但 Vue 工具显示 getter 工作正常.下面的图片... 这是我的 Vue 工具.看看吸气剂. 这里也是我的 store.js 代码 从“vue"导入Vue;从“vuex"导入 Vuex;从“axios"导入 axios;从“./api_key"导入 { api };Vue.use(Vuex);导出默认新 ..
发布时间:2021-09-20 20:12:40 前端开发

如何从 Vuetify 列表、VueJS 在 Vuex 商店中提交变更

这是我上一个问题的延续:如何从VueJs列表中的Vuex存储中获取状态 我了解如何从存储中获取状态,但我正在努力从列表中提交突变. 这是我的清单: 出口默认{name: '菜单列表',数据() {返回 {显示:真实,项目: [{title: '做某事',图标:'网络',事件:函数(){this.$store.commit('UI/DoSomething', {参数1:“参数1",ro ..
发布时间:2021-09-20 20:12:27 前端开发

Vuex 存储,为什么添加到数组会用最后一个条目覆盖存储中的所有值?

我正在使用 vuex-typescript.这是一个商店模块: import { getStoreAccessors } from "vuex-typescript";从“vue"导入Vue;从“../../store"导入商店;从“vuex"导入 { ActionContext };类状态{历史:数组;}const 状态:状态 = {历史: [],};导出常量历史_ = {命名空间:真,吸气剂 ..
发布时间:2021-09-20 20:11:21 前端开发

Vuejs 和 Webpack:为什么在子组件中未定义存储

我正在使用 Vuejs 和 Webpack. 这是 store.js: 从“vuex"导入Vuex;导出默认新 Vuex.Store({状态: {计数:0},突变:{增量(状态){state.count++}}}); 这是我的 app.js: "使用严格";从'vue'导入Vue;窗口.Vue = Vue;从'./MyComponent.vue'导入MyComponent;从'./st ..
发布时间:2021-09-20 20:11:04 前端开发