在使用vue3+vuex的时候初始化页面时会有这样的报错

最新推荐文章于 2024-05-20 14:03:43 发布

路过的测试

最新推荐文章于 2024-05-20 14:03:43 发布

阅读量580

点赞数

文章标签：前端 javascript vue.js

本文链接：https://blog.csdn.net/weixin_65230316/article/details/126168044

版权

Uncaught (in promise) TypeError: Cannot read properties of undefined (reading 'XXX')

我遇到的这个问题的原因是在html中用到了vuex中映射的数据，代码如下

<html>
    <p>正在点餐：{{tables.list.length}}桌</p>
</html>

<script>
    computed:{
        ...mapState([
            'tables'
        ])
    }
</script>

而这个数据是在mounted生命周期中通过fetch异步请求获得的

mounted(){
        this.$getTables()
}

所以导致在解析html的时候未能找到tables.list对象

解决方法：

在vuex.js中预先定义数据解构，这样在解析时能够找到数据不报错，并在页面加载完成前更新数据

tables: {
    list:[]
}

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

关注关注