我是新手,正在做网上商店的项目。我遇到了两个无法修复的错误:1)[Vue 警告]:属性“$store”在渲染期间被访问,但未在实例上定义。2)未捕获的 TypeError:无法读取未定义的属性(读取“state”)Store.jsimport { createStore } from 'vuex'import axios from "axios";const store = createStore
2022-03-28
我正在开发一个vuejs/(vuex)用于帖子的状态管理/firebase 项目。所以我有一个 firestore 帖子集合(具有名称 id 所有者内容和创建时间戳的对象数组...),当用户想要访问单个帖子时,它会将他重定向到单个帖子的路线(..../view-post/postid)。所有帖子均使用 getDocs 方法从 firestore 中检索,并将其存储在 blogPosts 变量中..
2022-09-03
我试图将一个对象传递到我的子组件中,但它未定义。所以我的父组件:<template><section id="cart-page" class="row"><div v-for="items in cart" :key="items.product.id"><div class="col-lg-8 col-md-12 col-sm-12 col-xs-12"><div class="title">
2021-11-15
按照 VueMaster 课程中的简单示例,似乎无法从存储中读取状态。这是我的 main.js:import Vue from 'vue'import upperFirst from 'lodash/upperFirst'import camelCase from 'lodash/camelCase'import App from './App.vue'import router from './
2021-01-05
我有一个 Vuex 存储,它将状态定义为 null:const state = {Product: null // I could do Product:[] but that causes a nested array of data};const getters = {getProduct: (state) => state.Product};const actions = {loadPro
我尝试通过 props 将 store 模块命名空间传递给组件。当我尝试使用 prop 映射到 getter 时,它会抛出此错误,Uncaught TypeError:无法将 undefined 或 null 转换为对象如果我将名称作为字符串传递,它会起作用。这有效<script>export default {props: ['store'],computed: {...mapGetters('
2017-03-03
更新:此错误仅在启用 vuex 严格模式时发生我正在构建一个带有 firebase 身份验证的 Vue 应用程序,但应用程序失败并显示以下错误消息:[Vue warn]: Error in callback for watcher "function () { return this._data.$$state }": "Error: [vuex] Do not mutate vuex store
2019-03-18
我有一个计算属性,它从 vuex 获取状态。在 vuex 内部,使用 axios 设置状态以从我的 api 获取一些数据。我的问题是,当我尝试在我的方法中使用此计算属性时,我收到未定义的错误。这是因为我尝试在 vuex 存储中设置数据之前使用该数据。那么,如何确保在尝试在我的方法中使用它之前设置了 boardColumnData?错误:Error in mounted hook: "TypeErr
2020-04-21
我正在尝试创建一个 JSFiddle,以便我可以试验我在实际应用中遇到的问题,然后希望向其他人展示该 JSFiddle。代码如下,我收到一条错误消息,指出[Vue warn]: Error in mounted hook: "TypeError: Cannot read property 'length' of undefined"我做错了什么?Vue.component('product-inf
我刚刚将我的应用升级到 Vue 2,但似乎无法解决此错误:"Uncaught TypeError: Cannot read property 'length' of null atVueComponent.showChoices (eval at (app.js:310),:33:32)”。我以为我可以通过条件来防止此错误,但此错误已经困扰了我 3 个小时。以下是 showChoices:sho
eerror:Uncaught (in promise) TypeError: Cannot read property 'doc' of undefined actions: {async register({ dispatch }, form) {//sign up userconst { user } = await fb.auth.createUserWithEmailAndPasswor
2021-02-09
编辑:我意识到 Vuex 可能允许在突变中直接改变状态,而不是在 Redux 突变中将状态视为不可变的。如果是这种情况,并且我的大部分研究都表明人们认为这样做是可以的,那么我就可以避免之前使用解构赋值的要求。问题:如果我在模块的突变中使用解构赋值,Vuex 似乎会在收集模块时抛出错误。我尝试过的:注释掉解构赋值可以消除错误。观察:突变从未被调用,或者至少放置的console.log消息从未被记录。
2020-02-13
如果我像这样在我的组件中尝试this .$session.get(SessionKeys.Cart):<template>...</template><script>...export default {...methods: {add(item) {console.log(this.$session.get(SessionKeys.Cart)...}}}</script>它有效。我成功获取了会话
2018-09-27
我想按如下方式设置 Vuex 突变:export default {props: {store: String},methods: {...mapMutations({changeModel: `${this.store}/changeModel`})}}但是我发现了错误:Uncaught TypeError: Cannot read property 'store' of undefined如何
2018-08-29
我正在使用Vue.extend手动将组件安装到动态元素,如下所示:import Vue from 'vue';import MyComponent from 'MyComponent.vue';const MyComponentConstructor = Vue.extend(MyComponent);const MyComponent = new MyComponentConstructor({
2017-06-09