nuxt3 useFetch 出现 computed value is readonly错误

原创已于 2022-08-09 11:40:39 修改 · 1.1k 阅读

0 ·

本内容遵循CC 4.0 BY-SA版权协议

标签

#javascript #前端 #nuxt3 #vue3 #vue

收录于

于 2022-08-09 11:39:17 首次发布

vue3 专栏收录该内容

6 篇文章

订阅专栏

本文探讨了在使用Vue.js时遇到的两个常见问题：直接修改Vuex store的状态以及将计算属性设置为只读。通过一个具体示例说明了如何避免这些错误，并给出了可行的解决方案。

错误一：
[VueError]Error: [vuex] do not mutate vuex store
state outside mutation handlers.
错误二：
computed value is readonly

以下情况就会报错，去掉任意一个useFetch 就能解决问题
同一个页面
组件一
 useFetch(async () => {
 	store.commit('wish/set', ['data', {name: '张三'}])
 })
组件二
 const data = computed(() => store.state.wish.data)
useFetch(async () => {
 	....
})
retrun {
 data
}