缓存 手动keepalive vue
vue项目安装lees-loader报错:Module build failed: Error: Cannot find module 'less'
1-新搭建的一个项目,运行时报Module build failed: Error: Cannot find module 'less'错误 原因:vue文件里面的style添加了 lang="less" 解决方案: 安装less npm install less 2-安装less后运行报错: Mo ......
uniapp vue3 setup如何兼容顶部状态栏高度
uniapp vue3 setup如何兼容顶部状态栏高度 思路是调用uni.getSystemInfoSync(),然后存到状态管理里,再将headerbar的padding-top加上安全区数值,如下: store/global.js 状态管理 import { defineStore } fro ......
el-form 自定义验证规则,手动触发某项验证
1. ui <el-form ref="xXXForm" :rules="XXXFormRules" > <el-form-item label="图片" prop="xxx"> </el-form-item> </el-form> 2. 变量初始化 export default { data() ......
56.vue3+vite+typescript+element-plus+setup语法糖实现el-table中的数据导出excel
vue3+vite+typescript+element-plus+setup语法糖实现el-table中的数据导出excel 2023/7/19 下午4:52:14 要在Vue 3中使用Vite、TypeScript和Element Plus来实现将数据导出为Excel,你可以按照以下步骤进行操作 ......
vue-This relative module was not found
调试的时候,新建了一个vue页面,然后从别的页面直接把代码复制过来之后, 运行后报错 This relative module was not found 原因是复制的代码里import里有相对路径,复制过来后路径变了,导致引入的东西找不到,所以报错了 把相对路径改对后,可以正常运行了 ......
vue+element-ui 点击表格某一行,展开内容
正常情况下,表格中想要展开某一行只能通过点击最前面的小箭头,如果想要实现点击某一行后直接展开,那么首先,就要先了解这几个属性: row-key的值只能是表格中某一列的key,而expand-row-keys数组里保存的则是所有展开行的row-key值,假如设置row-key=“id”,那么expan ......
Vue安装遇到的问题和解决办法
问题1 :npm list vue遇到显示empty 解决:npm list vue -g 即可 如果还是不行,将vue.cmd所在的路径 添加到环境变量中的系统变量Pate 问题2 :npm install webpack -g 报错4048 解决: 删除C盘用户文件夹下的npm和cnpm 问题3 ......
vue+SignaturePad H5简易电子签名,横屏适配
背景 手机端的h5页面的电子签名,横屏适配。横屏适配看了挺多,但写的都挺复杂的,自己就写了个简易的。 前提 引入signature_pad npm install --save signature_pad 参考文章 (66条消息) vue 移动端 手写签名组件(引用signature_pad)_vu ......
应用缓存
# 一、应用缓存的定义、分类和应用场景(是什么) ## 1.1 定义 定义:是一种以空间换取时间为手段,以提升响应速度为目标的技术方案。通常情况下使用可快速存取的介质去替代慢速存取的介质或者复杂计算的内容。举例:使用Redis缓存人员数据,避免从数据库直接查询,提升整体的QPS。 空间换时间:多创建 ......
vue3中piniaPinia热更新
pinia 支持热模块替换,因此你可以编辑store,并直接在您的应用程序中与它们交互(在浏览器中进行调试html css js等代码),而无需重新加载页面,允许您保持现有的状态,添加,甚至删除state,action和getter import { defineStore, acceptHMRUp ......
ReadyDrive 是什么: ReadyDrive 利用了固态硬盘的快速读取和写入速度,将其作为硬盘缓存使用。它可以通过缓存磁盘访问模式和频繁访问的文件,加快系统的响应速度和数据的读取效率
ReadyDrive 是 Windows Vista 和更高版本中引入的一项技术,它利用闪存驱动器(如固态硬盘)作为硬盘缓存,以提高系统的启动速度和应用程序的加载速度。下面是对 ReadyDrive 的详细解释: ReadyDrive 是什么: ReadyDrive 利用了固态硬盘的快速读取和写入速 ......
ReadyBoost 是什么: ReadyBoost 是一种在 Windows 操作系统中使用外部闪存设备作为虚拟内存缓存的技术。它允许将 USB 闪存驱动器或类似的闪存设备用作额外的内存存储,以加快系统的读写速度和响应时间
ReadyBoost 是 Windows 操作系统中的一个功能,它可以利用闪存驱动器(如 USB 闪存驱动器)作为辅助内存来提高系统的响应速度和性能。下面是关于 ReadyBoost 的详细解释: ReadyBoost 是什么: ReadyBoost 是一种在 Windows 操作系统中使用外部闪存 ......
SuperFetch 是什么: SuperFetch 是一种内存管理技术,它利用空闲内存缓存经常使用的应用程序和文件,以提高它们的访问速度。通过分析用户的使用习惯和模式,SuperFetch 可以预测用户可能会使用的应用程序和数据,并在空闲时间将其加载到内存中
SuperFetch 是 Windows 操作系统中的一个功能,旨在提高程序的启动速度和系统响应时间。下面是关于 SuperFetch 的详细解释: SuperFetch 是什么: SuperFetch 是一种内存管理技术,它利用空闲内存缓存经常使用的应用程序和文件,以提高它们的访问速度。通过分析用 ......
ant design vue描述列表设置列宽
### 这是默认的样子,没有数据时会显得label特别宽 ![](https://img2023.cnblogs.com/blog/1819018/202307/1819018-20230719103550632-306220092.png) ### 设置列宽为200px后如图所示 ![](http ......
vue3,ts,vite4,uniapp设置路径别名
安装依赖 ``` npm install --save-dev @types/node ``` 配置vite.config.ts文件 ```ts // vite.config.ts import { defineConfig } from 'vite'; import { resolve } fro ......
vue-element-admin改为从后台拿动态路由
改为从后台拿动态路由,大概如下步骤: 1、后台增加接口,返回动态路由数据 2、前端增加请求动态路由接口请求 3、修改 src/route/index.js 去掉原有的动态路由,增加组件名和组件对象映射 map 4、修改 src/store/modules/permission.js 修改当前 权限判 ......
55.角色扮演,假设你现在是一个VUE3+VITE+TYPESCRIPT+element-plus的setup语法糖资深程序员,我是一个刚刚入门的的想做你的学生。你会怎么教我
作为一个资深程序员,我会采取以下步骤来教你: 1. 确保你已经安装好了必要的开发环境,包括Node.js和Vue CLI。如果你还没有安装,我会指导你如何安装这些工具。 2. 介绍VUE3、VITE、TYPESCRIPT和element-plus的基本概念和特性。我会向你解释它们的作用和用途,并提供 ......
[未解决] vue transform-blocks解析源代码报错:Illegal tag name. Use '<' to print '<'.
报错内容: [vite] Internal server error: Illegal tag name. Use '<' to print '`标签后报错,但其他vue文件可以正常读取和展示。 报错的文件,去掉``标签就可以正常加载。报错的方法是vue-compiler的`baseParse()` ......
vue3 props设置默认值
1.引入withDefaults import { withDefaults } from "vue"; 2.使用 const props = withDefaults(defineProps< {type?:string} >(),{ type:'number', }) 上述代码,设置的是type ......
54.使用VUE3+VITE+TYPESCRIPT+element-plus的setup语法糖,实现导出excel功能
要实现导出Excel功能,你可以使用以下步骤: 1. 安装相关依赖: ```bash npm install xlsx file-saver ``` 2. 在你的组件中引入相关依赖: ```javascript import { ref } from 'vue'; import { saveAs } ......
前端Vue uni-app App/小程序/H5 通用tree树形结构图
随着技术的发展,开发的复杂度也越来越高,传统开发方式将一个系统做成了整块应用,经常出现的情况就是一个小小的改动或者一个小功能的增加可能会引起整体逻辑的修改,造成牵一发而动全身。 通过组件化开发,可以有效实现单独开发,单独维护,而且他们之间可以随意的进行组合。大大提升开发效率低,降低维护成本。 今天给 ......
vue-pdf组件打印文字全是空白框
参考:https://www.yii666.com/blog/34226.html github地址:https://github.com/FranckFreiburger/vue-pdf/pull/130/commits/253f6186ff0676abf9277786087dda8d95dd8e ......
python闭包应用之装饰器-缓存计算
def decorator(func): dic = {} print(dic, '....') def wrapper(*args): if args in dic: print(f'no calculator, dic ={dic}') return dic[args] value = func ......
vue--day29--vue非单文件组件
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" /> <title>非单文件组 ......
vue基本操作[上] 续更----让世界感知你的存在
# Vue引用js文件的多种方式 **1.vue-cli webpack全局引入jquery** (1)首先 npm install jquery --save (--save 的意思是将模块安装到项目目录下,并在package文件的dependencies节点写入依赖。) (2)在webpack. ......
vue-day28--对组件的理解
学了vue之后,我们需要了解组件是什么组件的定义:实现应用中局部功能代码(css/js/html)和资源(map,map,zip)的集合 1.1 模块与组件、模块化与组件化 1.1.1 模块 理解:向外提供特定功能的 js 程序,一般就是一个 js 文件 为什么:js 文件很多很复杂 作用:复用 j ......
vue实现文本复制
> 一. 下载插件 `npm install --save vue-clipboard2 ` > 二. main.js `import VueClipBoard from 'vue-clipboard2'` `Vue.use(VueClipBoard)` > 三. 使用 html部分 点击查看代码 ......
vue组件之间的数据传递
title: vue组件之间的数据传递 date: 2023-07-18 19:17:32 tags: - vue categories: - 工程 - 前端 top: ![](https://img2023.cnblogs.com/blog/2863049/202307/2863049-20230 ......
vue pinia数据持久化
1.安装插件 yarn add pinia-plugin-persistedstate 2.引入插件 将插件导入文件pinia实例 import { createPinia } from 'pinia'; import piniaPluginPersistedstate from 'pinia-pl ......