书架

书架

=一个知识书库=

pinia使用指南与持久化缓存

pinia使用指南与持久化缓存

# 一、特点 1. 完整的 ts 支持 2. 三大核心:state(存储的值),getters(计算属性),actions也可支持同步(改变值的方法,支持同步和异步) 3. 与vuex相比,去除了mutations(actions也可支持同步)和modules(只有store之间的互相引用) # 二、安装 ```bash yarn add pinia ``` # 三、使用 ## 1. 创建 pinia 实例 新建 store/index.ts(src目录下新建store文件夹,并创建index.ts文件) ```js import { cre
more...
vue-router使用指南

vue-router使用指南

# 前言 vue-router4x相对于vue-router3x除了新增了组合式API以外,还删除或变动了不少地方。单独列出来变动点太杂乱。这里系统性的把项目中经常能用到的知识点进行整理 # 一、安装 ```bash yarn add vue-router ``` # 二、基本使用 ## 1. 定义路由 新建router/routes.ts ```js const routes = [ { path: "/login", component: () => import("@/pages/login.vue"), //路由
more...
vue 同一页面多次引用同一组件

vue 同一页面多次引用同一组件

vue elementui同一页面多次引用同一组件(导致 组件只显示一个,且数据覆盖) > 1. 需求是在同一页面 有两个表格都带有分页功能,于是选择了将分页抽取成组件,一个页面调了两次组件; > > 2. 需要往子组件里传不同的接口路径,在子组件里去写方法请求,将返回结果传给父组件,父组件拿到结果赋给表格data值,显示列表数据; <!--more--> 解决问题的方法: ## 1.页面调用子组件,实例化两个 ```javascript //第一处调用子组件 <pagination @get-list="getpagequery" :getDataL
more...
导出接口设置responseType blob当失败时的处理方法

导出接口设置responseType blob当失败时的处理方法

axios设置instance.defaults.responseType = 'blob’请求下载导出一个文件,请求成功时返回的是一个流形式的文件,正常导出文件。但是请求失败的时候后端返回的是json ,不会处理错误信息,而是直接导出包含错误信息的文件。这样拿到data中的数据就只有size type 类型 这种情况,通常在封装的axios中我们都是以后端返回的code值进行判断,因此就没有办法获取到后端返回的错误信息进行提示; 因此我们有俩个思路 1. 要不给后端传instance.defaults.responseType = 'json’格式 然后请求成功之后将js
more...
vue 开发过程中,常用到的写法

vue 开发过程中,常用到的写法

:::info 持续更新中 :::: ## 1.input从右往左输入 只需要对input框添加text-align: right;这个CSS属性 ## 2.数字校验rules ```javascript export const REG = { NUMBER: /^[0-9]*$/, POSITIVE_NUMBER: /^[1-9]\d*$/, PHONE: /^1[3|4|5|7|8][0-9]{9}$/ } diningAmount: [ { pattern: REG.NUMBER, message: '请输入数字', tr
more...