pinia setup方式构建 $reset方法失效解决方案

news/2024/7/19 16:37:24 标签: vue, 前端, js

直接在pinia挂载时,重写一个$reset方法用来解决失效的问题。

main.js

import { createPinia } from 'pinia';
// pinia
const pinia = createPinia();
// 因为状态管理使用的是setup的方式构建所以我们重写一个$reset并挂载到pinia中
pinia.use(({ store }) => {
    const initialState = JSON.parse(JSON.stringify(store.$state));
    store.$reset = () => {
        store.$patch(initialState);
    }
})


http://www.niftyadmin.cn/n/1569383.html

相关文章

uniapp cli创建项目 vite 动态加载图片

以 / 开头就可以了, 因为 uni 在 cli 中将 / 指向了 /src。 示例 : "/static/img/home/icon1.png"所有端都可以加载成功,解决方式就是这么的朴实无华。 ​

uniapp 引入字体并挂载

font-face {font-family: testFont;src: url(./static/zyytBold.ttf);} page {padding: 0 30rpx;box-sizing: border-box;font-family: testFont;}

uniapp 富文本匹配img标签

示例中匹配了img的开始标签并且为标签设置了一段属性. 大家可以根据需求自行修改。 // 打印内容: <p><img style"max-width: 100%" src123></p> "<p><img src"123"></p>".replace(/\<img/gi, <img s…

uniapp 上传视频获取视频封面图

// 上传视频或图片 uni.chooseMedia({// 上传数量count: 1,// 限制仅上传视频mediaType: ["video"],// 获取临时储存的信息success: res>{// 视频封面图 第一个视频的封面图this.videoUrl res.tempFiles[0].thumbTempFilePath;} }) thumbTempFilePath属性可以…

turn.js教程及总结

先看一眼我制作的简单demo演示图 turn简介 一个基于jquery用来实现3d翻书效果的插件使用所需 jquery.js、turn.js 这里面jquery全网一查都是, turn.js官网下载太慢了&#xff0c;可通过点击下方的链接进行下载demo下载 基本用法 $(#book).turn({acceleration: true, // 是否…

uniapp map 制作一个简单的地图导航

本篇文章用来为大家提供一个制作简单地图的思路 先来看一眼效果图 简易map 在图一的地图中可以看到 a点 连接 到 b点, 基本信息 以及 基本的控件(放大、缩小、回到某个指定的点)&#xff0c;接下来我们分开逐步讲解。 所需配置 需要先在manifest.json中的 app模块中配置地图…

uniapp sku组件支持v3、带图sku

如果您正在寻找一款支持v3、v2的多商品sku组件的话&#xff0c;那我想这款组件刚好可以满足各位的业务需求。 先来简单看一眼效果图: 一款轻量化、强大、拓展性强、可使用带图sku、可根据配置主题色自动生成相应的组件主题色的商品多规格sku&#xff0c;仅需要按照指定格式…