- 博客(10)
- 收藏
- 关注
原创 element plus表单验证自动滚动到第一个验证失败字段
实现方法:通过表单验证提供的 scrollToField 方法。页面自动跳转到第一个验证失败字段处。自动跳转到第一个验证失败字段处。
2023-07-20 16:34:56
975
原创 vue3中注册全局组件
此时可以再main.ts中引入这个组件,并使用app.compontent()全局注册这个组件 ,但是为了方便起见,可以将需要全局注册的组件先集中挂载到app上面;路径:src/components/SvgIcon/index.vue。路径src/components/index.ts。完成上述步骤,全局组件就注册完毕了。
2023-07-18 18:43:47
1222
1
原创 vue3中点击文件预览以及下载的方法
这里使用vue3的<script setup>语法糖写法,搭配element plus实现文件的下载与预览。结构部分:使用element-plus 的el-link链接。
2023-07-13 11:18:16
3446
2
原创 搭建vue3+ts+vite项目
JavaScript modules (import/export) 选择采用js模块引入或暴露开发。npx eslint --init 初始化。vue.js 选择采用vue.js框架开发。5.cd 项目、pnpm install 、pnpm run dev。(1)下载eslint:pnpm i eslint -D。(2)生成配置文件:eslint.cjs。一、创建项目及项目初始化。
2023-07-10 22:23:51
1215
1
原创 vue3+ts中如何引入全局工具类
封装好要使用的工具类,记得要通过export导出,可以在 utils2 里面封装一个要使用工具,如:common.ts。路径为src/utils2/common.ts。:接下来就是使用$untils,通过 $untils.xxx 调用已经封装好多方法。:在 main.ts 中将工具类挂载到vue的原型上。:在需要使用工具类的地方 进行引入,引入步骤如下。:将工具类导入到 main.ts 中。
2023-06-15 23:27:53
1270
1
原创 打包时内存不足导致的堆栈溢出如何解决
打包时报错 FATAL ERROR: Ineffective mark-compacts near heap limit Allocation failed - JavaScript heap out of memory。这个命令是安装一个名为 “increase-memory-limit” 的Node.js包(package),其中的"-g"选项表示全局安装。步骤1. npm install -g increase-memory-limit 在要打包文件根目录执行此命令。这个命令用来提高内存限制。
2023-06-15 10:00:55
2025
1
原创 vue3+element plus 如何实现可编辑表格
1.点击表格内容部分,输入框边框显示出来,此时内容可编辑。2.失焦之后,根据失焦事件完成后续样式修改。具体使用详见element plus 官网。
2023-06-04 15:25:30
8547
2
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人