08 2023 档案

vue3 使用 setup 语法糖时，keep-alive 缓存使用 include / exclude 获取组件名
摘要：``` ``` `vue3` 使用 `keep-alive` 缓存页面时，如果需要使用 `include / exclude` 参数，那么就要用到组件名称。如果用 `setup` 语法糖书写时无法直接获取组件名，此时想要设置组件 `name` 的话有如下方法： #### 1. 多写一个script标 阅读全文
posted @ 2023-08-24 15:35 Li_pk 阅读(654) 评论(0) 推荐(0) 编辑
fetch方法请求并处理接口返回的stream流数据
摘要：const fetchStream = async (url, options) => { const response = await fetch(url, options); if (response.status !== 200) { return false; } const reader 阅读全文
posted @ 2023-08-21 17:51 Li_pk 阅读(829) 评论(0) 推荐(1) 编辑
Vite 本地开启 https 模式便于调试
摘要：1. 安装依赖 npm install @vitejs/plugin-basic-ssl -D 2. 配置 vite.config.js // vite.config.js import basicSsl from '@vitejs/plugin-basic-ssl' export default 阅读全文
posted @ 2023-08-17 10:04 Li_pk 阅读(1651) 评论(0) 推荐(0) 编辑
vue3 使用 vue-i18n 配置多语言环境
摘要：## 1. 插件地址： [Vue I18n官方文档](https://kazupon.github.io/vue-i18n/zh/ "Vue I18n官方文档") [GitHub地址](https://github.com/kazupon/vue-i18n "GitHub地址") ## 2. 安装： 阅读全文
posted @ 2023-08-14 18:15 Li_pk 阅读(1732) 评论(0) 推荐(0) 编辑
css渐变背景条纹且不占全部高度
摘要：## 1. 效果 ![image](https://img2023.cnblogs.com/blog/1857566/202308/1857566-20230810113419478-729624797.png) ## 2. 实现 ``` .title { font-size: 15px; font 阅读全文
posted @ 2023-08-10 11:38 Li_pk 阅读(35) 评论(0) 推荐(0) 编辑
vue3 使用 pinia 并持久化存储数据
摘要：1. 官方文档 pinia官方文档地址 pinia-plugin-persistedstate数据持久化插件 2. 安装 yarn add pinia # 或者使用 npm npm install pinia 3. 使用 main.js 中添加如下代码： import { createApp } f 阅读全文
posted @ 2023-08-09 18:11 Li_pk 阅读(1086) 评论(0) 推荐(0) 编辑
vue3 + vite + vue-router 4.x项目在router文件中使用pinia报错
摘要：### 1. 背景 vue-router4.x版本，想在路由文件中引入并使用pinia后报错如下： ![image](https://img2023.cnblogs.com/blog/1857566/202308/1857566-20230809161944068-755525733.png) 表面 阅读全文
posted @ 2023-08-09 17:40 Li_pk 阅读(656) 评论(0) 推荐(0) 编辑

点击右上角即可分享
微信分享提示