this.$store.state上面的数据可以显示但是获取就是空字符串
时间: 2023-05-26 12:05:20 浏览: 67
浅谈Vuex的this.$store.commit和在Vue项目中引用公共方法
这个问题可能由以下几个原因造成:
1. 数据还没有被初始化。在store的state中定义的数据,在组件中使用之前需要先初始化,否则就会返回空字符串。可以在组件内使用created钩子函数或者其他合适的地方进行初始化。
2. 数据没有被正确地存储到state中。在组件中更新了state中的数据,容易出现更新失败的情况。可以在mutations中使用console.log()等方式来调试,确保数据被正确地更新到了state中。
3. 组件没有正确地引入vuex。如果在组件中无法正确地获取到state中的数据,可以检查一下组件是否正确地引入了vuex。需要在组件中使用mapState或者this.$store.state来访问state中的数据。如果引入错误,也会导致获取为空字符串的问题。
4. 数据名称拼写错误。在组件中访问state中的数据时,需要保证数据名称的拼写正确,否则也会返回空字符串。可以在store中查看数据名称是否正确,或者使用开发者工具来检查store中的数据值和名称。
阅读全文