- 博客(268)
- 收藏
- 关注
RSS订阅原创 vue项目使用elementUI中Tabs标签页点击切换tab-click发起网络请求数据
tab-click标签事件：tab 被选中时触发，他的返回值是被选中的标签 tab 实例。如果页面一加载就请求出所有的数据，会造成数据堵塞，对性能有很大的影响。所以要在tabs标签页点击切换 的时候发起相应的网络请求，用到的是。tab 的参数里有个 index 值，可以作为标签页切换的索引。tab 的参数里有个label，也可以作为切换标签的判断条件。通过上述明确事件，参数后，修改如下进行实例操作。标签页请求，切换进去会请求该页的数据。也可以使用activeName。2.切换tab时，加载此页数据。
2024-05-22 17:41:37
154
原创 vue3+element plus封装一个Drawer抽屉组件
开发思路是，关闭和打开抽屉组件的方法定义在子组件中并使用defineExpose方法将子组件的方法暴露给父组件，但是vue3的用法与vue2又不同，记录下本次使用vue3基于element plus封装的一个抽屉组件。在父组件中调用子组件暴露出来的打开或关闭方法，通过emit将处理结果反馈给父组件。在开发中，我们经常使用vue2封装一些弹窗、抽屉组件，思路清楚后开始写代码。
2024-05-22 11:22:58
144
原创 el-table的formatter属性的使用方法
的一个属性，用来格式化内容。（比如后台给你返0或1，你需要展示成“否”和“是”）formatter是。
2024-05-22 10:17:12
231
原创 Vue3项目使用mockjs模拟数据
如果 localEnabled:command === 'serve', 报错 ：对象字面量只能指定已知属性，并且“localEnabled”不在类型“ViteMockOptions”中。npm install mockjs [email protected] -D // 安装新版本。三、在项目根目录下创建 mock 文件夹，mock 文件夹下创建 user.ts 文件（ 文件名可自定义 ）可能是 vite-plugin-mock 插件的版本问题，可以卸载后重新安装新版本。
2024-05-21 11:29:05
232
原创 css 修改浏览器滚动条样式（火狐Firefox，谷歌google）
css 修改浏览器滚动条样式（火狐Firefox，谷歌google）_火狐浏览器滚动条样式修改-CSDN博客
2024-05-21 09:39:34
311
原创 element-ui中el-table-column添加图标
的prop属性指定了数据的字段名为"value"，并使用slot-scope来自定义列的内容。在自定义的插槽中，我们首先显示数值的元素，然后使用v-if条件语句来判断数值是否等于1，如果是，则显示对应的图标元素。在上述代码中，我们使用了。
2024-05-16 17:14:06
315
原创 vue3+element-plus: el-table表格动态添加或删除行
element-plus，动态添加删除行，行内放input输入框 / select下拉框。
2024-05-10 21:12:15
374
原创 vue3 el-table实现列筛选功能，控制列的显示和隐藏（简单粗暴
/用于存放随机数用于key属性的绑定// 多选框的列表，列出表格的每一列["ID", "名称", "APP", "元数据", "描述", "创建者", "创建时间", ]// 当前选中的多选框，代表当前展示的列["ID", "名称", "APP", "元数据", "描述", "创建者", "创建时间", ]// colData中列出表格中的每一列，默认都展示{ title: "名称", istrue: true },{ title: "元数据", istrue: true },
2024-05-10 20:40:19
247
原创 vscode怎么使用git
在vscode中输入快捷键“Ctrl + Shift + P”打开vscode的命令框，在框中输入“git clone”并回车，然后在文本框中输入git代码库的地址。
2023-12-12 12:47:52
720
原创 npm打包运行报错 Ineffective mark-compacts near heap limit Allocation failed-JavaScript heap out of memory
npm打包运行报错 Ineffective mark-compacts near heap limit Allocation failed-JavaScript heap out of memory_China_ZZJ_GOGOGO的博客-CSDN博客
2023-07-21 14:39:14
200
原创 设置淘宝镜像
二、解决方法： 第一步：检查是否安装了cnpm, 查看一下你是否安装了cnpm npm list --depth=0 -global。'set-ExecutionPolicy' 不是内部或外部命令,如果的确没有安装： 执行下面命令。
2023-07-21 09:24:50
261
原创 2023.7 ---- git基本操作+ vs code 中git使用
Git工作流和核心原理 | GitHub基本操作 | VS Code里使用Git和关联GitHub_哔哩哔哩_bilibili 初始化： 提交：查看提交版本： 忽略文件： 创建分支： 创建并切换分支 合并分支： 解决冲突： 1 初始化 相当于 git init2 添加 3 提交 4 5 创建分支 输入新分支的名称。 会直接跳转到新分支上6 在新分支修改文件，查看差异 7 切换分支8 合并分支 9 push
2023-07-18 15:38:54
2224
原创 最新2023.7- mac 安装环境
Mac系统安装npm指南 - 简书 Mac使用n管理工具快速切换node版本【node10.13.0开发稳定版】_n切换node版本_靠谱设计的博客-CSDN博客
2023-07-17 21:57:42
99
原创 http 缓存
1缓存的目的 ：就是减少请求， 进行性能优化2 浏览器缓存有分为强制缓存 和协商缓存。说白了就是一些响应头的设置，最主要的响应头是cache-controll.。值为-no-cache的是协商缓存，其他都是强制缓存。强制缓存不会想服务器发送请求，直接从缓冲 中读取协商缓存使用本地缓存之前，向服务器发送请求，看是否发生改变， 如果没有改变走缓存。如果改变了重新请求服务器3 协商缓存他有两种形式 ： 看服务器给浏览器返回的是 last-modify 还是 Etag，
2023-06-27 20:20:15
120
原创 如何封装一个全局 (公共) 组件?(必会)
想要封装一个全局 (公共) 组件,首先必须知道哪三点?一:为什么要定义成全局的组件?因为在项目中要多次使用二:组件对应的.vue文件放在哪里components三:怎么定义公共(全局)组件?1.Vue.component('组件名',组件对象)
2023-06-26 14:36:10
1066
原创 (响应式PC端媒体查询)电脑屏幕分辨率尺寸大全
用min-width时，小的放上面大的在下面，同理如果是用max-width那么就是大的在上面，小的在下面。1024*768 （比例4：3 | 10.4寸、12.1寸、14.1寸、15寸;1280*1024(比例：5：4 | 14.1寸、15.0寸)1440*1050（比例：5：4 | 14.1寸、15.0寸）1680*1050（16：10 | 15.4寸、20.0寸）1366*768 (比例：16：9 | 不常见）1280*800（16：10 |15.4寸）PC端响应式媒体断点。
2023-06-16 20:03:09
3926
原创 淘宝flexible.js+rem适配pc端
1、引入flexible.js文件：// 这里默认是10等份，手动改为24，此时1rem=1920/24px即80px。（设计稿是1920px的）2、cssrem的Root Font Size改为80，修改完重启vscode。
2023-06-15 23:21:04
642
原创 Vue中实现 将数组转换为树形结构的两种方法
第二种:下载三方插件 使用arrayTotree插件 将扁平化数组转换为数组 并赋值给listdata中的自定义数组 = arrayToTree(获取请求的数组, { parentProperty: '父级id', customID: '二级id'})
2023-06-13 15:33:53
1627
1
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人