用setup方式编写pinia无法调用reset时

最新推荐文章于 2024-07-01 17:12:14 发布

toobeloong

最新推荐文章于 2024-07-01 17:12:14 发布

阅读量3k

点赞数 1

分类专栏：使用说明知识点文章标签： javascript 前端 vue.js

本文链接：https://blog.csdn.net/freedomljt/article/details/126928710

版权

知识点同时被 2 个专栏收录

12 篇文章 0 订阅

订阅专栏

使用说明

2 篇文章 0 订阅

订阅专栏

当以setup方式编写pinia 的store代码时，会提示"Error: Store *** is built using the setup syntax and does not implement $reset()";

此时需要使用pinia的插件，将reset方法添加到所有的store里面。

storeReset.ts

import cloneDeep from 'lodash.clonedeep';

export default function storeReset({ store }) {
  const initialState = cloneDeep(store.$state);
  store.$reset = () => store.$patch(cloneDeep(initialState));
}

main.ts

*******
import { createPinia } from 'pinia';
import StoreReset from '@/plugins/storeReset';

*******
*******
*******
*******
*******

const pinia = createPinia();
pinia.use(StoreReset);

*******
*******
*******

这样，就能放心的调用store.$reset()了。