[vuex] unknown getter:

最新推荐文章于 2024-05-18 21:57:13 发布
最新推荐文章于 2024-05-18 21:57:13 发布
阅读量253 收藏
点赞数 1
文章标签： 前端 开发语言 vue
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_53009474/article/details/136311854
版权

出现以上的报错是指vuex的getter方法没有引用上

在全局上引用vuex才可以使用vuex上的getters方法。

在js文件中引用vuex再在全局中引入这个js文件就可以在js文件中定义getters方法，从而使用其中定义的内容。

代码如下：

1，main.js文件

2，index.js文件

3，user.js文件

玥*
关注
  • 1
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
vuex-models:vue组件和vuex存储之间的简单双向数据绑定
04-12
Vuex模型 该软件包旨在通过提供可生成v-model兼容的计算属性的getter/action/mutation/state生成器和mapper来简化vuex状态下v-model使用。安装只需使用npm： npm i --save vuex-models 用法使用vuex-models非常简单-...
报错：[vuex] unknown getter: cate/list的解决办法
qq_56715703的博客
03-11 1017
我的代码中正好有个cate下的cateActions方法，用来获取，发现其在控制台能打印。所以不是命名空间的错误。第二种方式：在导出命名空间的js中查看，引入子模块和最后导出的单词是否有出入。2.既然提示是派生的错误，那就去看getters的相关代码。发现派生的数据名和state里的数据名不一致，所以找不到该派生。也就是说找不到这个getter，那我们就去一一查找相关代码。先看是否是命名空间cate没引入，或者是单词拼写错误。第一种方式：检查相同命名空间下的其他方法是否执行成功。
[vuex] unknown getter:问题解决
热门推荐
朝花夕拾的博客
04-17 2万+
export default{ state, getters, mutations, actions } 原因是getters没有导出
[vuex] unknown getter: operate_user
郭宝的博客
08-04 2039
背景： 当运行 vue 项目时，出现了如下错误 [vuex] unknown getter: operate_user 解决办法： 出现该错误的原因是，没有将vuex中的operate_user变量通过 getters进行导出。那么就只要通过 vuex 中 的getters 将operate_user变量导出即可，如下代码： getters.js文件 const getters = { operate_user: state => state.cemet...
使用 vuex 报错 unknown getter
Nonsense_man的博客
08-21 3432
场景： 通过state中的一个值来切换显示 对应的 modal 一开始直接使用$store.state.globalState 无法在模块内实现以下效果 <div v-show="$store.state.globalState =='医生'"> <MedicalCompaniesList ></MedicalCompaniesList> </div> <div v-show="$store.state.globalState =='教师'"&gt.
vuex 实现getter值赋值给vue组件里的data示例
12-13
通过watch将orderDetailsData对象赋值给data中的consignee对象，这样能将操作能避免v-model修改时，直接改动vuex中的值。 <input type="text" placeholder="请输入收货人名字" v-model="consignee.name"> ...
vuex-lagging-getter：使用CodeSandbox创建
02-08
Vuex落后的吸气剂 用CodeSandbox创建
vuex-class：绑定Vuex和vue-class-component的助手
02-06
Vuex级 绑定Vuex和vue-class-component的助手 依存关系 安装 $ npm install --save vuex-class ... Getter , Action , Mutation , namespace } from 'vuex-class' const someModule = namespace ( 'path/to/mo
vuex-stores::file_cabinet:为Vuex存储对象，Vuex是一种用于状态管理的简单且流畅的API
05-14
:thinking_face: 在调度动作和注入getter需要使用String命名空间和动作名称，这很冗长，并且很难检测到错别字。 使用map助手来注入状态，获取器和动作有时很麻烦，并且仅适用于组件。 存储对象通过允许访问状态和...
WEB转Flutter基础学习笔记（内含vue和flutter对比）
小易不止于搬砖的博客
05-17 671
笔者是一名web前端，记录在转栈flutter时的学习笔记，内涵和vue的对比，能够辅助前端同学更容易理解flutter
vue3.0+antdv的admin管理系统vue-admin-beautiful推荐
独行猫a 的沉淀、积累、总结。天天学习，好好向上...c/c++,嵌入式 linux,Android,HarmonyOS)
05-15 1110
几年前，笔者自学了vue这一优秀的前端框架，但苦于没项目练手，无意间发现了这一优秀的前端集成框架。当时就使用它做了一很有意思的小项目---终端监控云平台，实现了前端和后台的整体功能。整体方案介绍参见博文《》，前端使用vue-admin-beautiful框架，后端使用go-zero微服务框架，几天内就搞出来了一个包含前端和后台的小项目。我的monitor-ui前端运行界面：后续有机会介绍下我这个终端监控云平台小项目的具体实现，挺有意思的。几年前还用到过几个地方的公交客户现场，客户挺喜欢这个功能的。
Unable to start ServletWebServerApplicationContext due to missing ServletWeb
s_sos0的博客
05-14 509
Unable to start ServletWebServerApplicationContext due to missing ServletWeb
解决 SpringBoot 的 Date、LocalDateTime 变成时间戳和数组的问题，创建自定义对象消息转换器
shijialeya
05-18 382
解决 SpringBoot 的 Date、LocalDateTime 变成时间戳和数组的问题，创建自定义对象消息转换器进行数据格式化。
综合性练习-验证码
cj13106811623的博客
05-15 822
生成验证码param(参数): 无Return: 图片的内容校验验证码用户输入的验证码5. 代码编写生成验证码://图型验证码写出,可以写出到文件,也可以写出到流try {//返回到浏览器修改前端代码相对应的接口验证成功。
React函数式组件的父子方法互相调用，父组件调用子组件方法，子组件调用父组件方法
最新发布
SongZhengxing_的博客
05-18 180
子组件需要使用 forwardRef 函数包裹，然后使用 useImperativeHandle 暴露属性和方法。编写子组件 Child。
【VueRouter 的基本使用】
2302_76611599的博客
05-17 172
完成Vue Router 安装后，就可以使用路由了，路由的基本使用步骤，首先定义路由组件，以便使用Vue Router控制路由组件展示与 切换，接着定义路由链接和路由视图，以便告知路由组件渲染到哪个位置，然后再项目中创建路由模块，最后导入并挂载路由模块。为了在页面中将路由对应的组件显示出来，还要在App组件中定义路由视图。路由视图标签定义，该标签会被渲染成当前路由对应组件，另外，为了方便在不同组件之间切换，可以通过标签定义路由链接，该标签的to属性表示链接地址，与路由匹配规则中的path属性对应。
vue3专栏项目 -- 五、权限管理（下）
m0_64931189的博客
05-15 819
我们这一系列做的就是，我们刚开始做了message组件，我们可以直接在某个组件中通过即可调用这个message组件，从而展示出这个提示信息框但是我们觉得它可以像以前用过的alert一样，直接通过一个函数调用就可以展示出这个组件，所以有了如下一步步改进：
[vuex] unknown getter: isCollapse
07-11
这个错误表示在 Vuex store 中使用了一个未定义的 getter，即 `isCollapse`。可能是在组件中引用了该 getter，但在 store 中没有定义它。要解决这个错误，你可以检查以下几点： 1. 确保在 store 的 `getters` 对象中定义了 `isCollapse` getter。 ```javascript // store.js import Vue from 'vue'; import Vuex from 'vuex'; Vue.use(Vuex); const store = new Vuex.Store({ state: { ... }, mutations: { ... }, actions: { ... }, getters: { isCollapse: state => state.isCollapse, // other getters... }, }); export default store; ``` 2. 确保在组件中正确引用了该 getter。 ```javascript // MyComponent.vue import { mapGetters } from 'vuex'; export default { computed: { ...mapGetters(['isCollapse']), // other computed properties... }, // component code... }; ``` 如果你已经确认以上两点都正确无误，但仍然遇到该错误，请检查是否存在其他问题，比如拼写错误或者其他引用问题。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值