- 博客(10)
- 收藏
- 关注
RSS订阅原创 vue项目中实现文件（jpg，xls，docx等）预览
方法一：直接通过后端地址预览handleView(record, url) { let fileDownloadId = 'file/download?id=' if (url) { fileDownloadId = url } const originUrl = process.env.BASE_URL_TEST+ fileDownloadId + record.id //要预览文件的访问地址 const previewUrl = originUrl +
2022-03-29 16:53:44
1546
原创 vue中实现简单的列表排序（draggable）
首先 draggable=“true” 设置该元素为可拖动元素<template> <ul> <li draggable="true" @dragstart="onDragStart(item,index)" @dragover="onDragOver($event)" @drop="onDrop(index)" v-for="(item,index) in list" :key="i
2022-03-28 17:02:20
1236
原创 vue 中子$emit 根据父组件方法的返回值 做处理
需求：点击新增摊开增加一条数据的时候，点击弹框确定的时候判断已添加的数据中是否有相同的数据，如有相同数据提示“已添加”实现方式1通过props 传参数，把已经添加过的数据（tableData）传到谈框里，弹框点击确定的时候，判断新添加的数据是否存在tableData 中props:{ //表格已添加数据 tableData: { type: Array, default: () => ([]), }, },// 子组件保存saveData
2022-03-25 11:36:24
2160
原创 ant-design 中年份选择器 a-date-picker设置部分年份置灰不可选择
需求：年份选择器，当前年之后的数据置灰不可选择思路：通过操作dom获取每一个年份数据，和当前年数据对比，不符合要求的给其加上样式datepicker-year-disabled实现效果：在这里插入代码片在template中<a-date-picker v-model="queryParam.yearValue" mode="year" format="YYYY" :open="yearShow" @openChange="openChange
2022-03-23 15:51:50
2939
3
原创 mac上使用sourceTree提交代码不受husky自定义的钩子限制
1.调出 显示命令历史，点击菜单栏 查看 → 显示命令历史执行commit后可以看到对应的提示Can‘t find npx in path解决方案：在项目文件夹到的根目录下新建~/.huskyrc 文件（注意mac中.开头的文件被隐藏，查看隐藏文件 command + shift + .）在文件里添加npx路径，查看npx路径（which npx）重新运行commitps： 我在再次执行commit 还是报错，提示node版本命令不符合要求，支持node12以上，而我的node版本是10
2022-03-11 09:43:59
1772
原创 已使用与API模式不匹配的配置对象初始化【Limit Chunk Count Plugin】
错误提示：Limit Chunk Count Plugin has been initialized using an options object that does not match the API schema.错误原因：webpack版本过高解决方法：降低webpack 版本降低版本：npm install webpack@4.44.2 -g 或者cnpm install webpack@4.44.2在项目中启动项目和打包项目一只报该错误，查了好久也没找到解决方法，最后想到了版本问题，和
2022-02-17 17:14:14
2262
原创 vscode 设置注释代码片段
代码规范好处多多，每次在修改代码的时候习惯性添加一个注释，例如下图：设置步骤：1.打开vscode，点击左下角设置图标，点击用户代码片段2.点击新建全局代码片段文件，输入自定义代码片段配置文件名，例如zhushi，点击回车3.进行代码片段配置示例如下"Print to consoletest": { "prefix": "zs_comment", "body": [ "//add by zhangsan,$CURRENT_YEAR-$CURRENT_MONTH-$
2021-11-29 14:22:10
2891
原创 a-tree搜索过滤后不符合条件的数据不显示（效果看e-tree）
a-tree搜索过滤后不符合条件的数据不显示（初学者，纯属记录，不喜勿喷）前提：a-tree 目前框架是搜索的时候展示全部数据，符合条件的标红展示，不符合条件的不标红（具体效果移步：a-tree官网）需求：不符合条件的过滤掉直接不展示，符合条件的标红展示（效果类似如：e-tree）思路：1.把treeData的数据格式平铺处理为dataList2.搜索的时候获取符合条件数据的id集合（showNodeIDArr），以及需要展开数据的id集合（expandedKeys）3.然后循环处理treeDa
2021-11-23 16:42:12
1527
2
原创 a-table 树形表格懒加载
a-table 树形表格懒加载需求：对一个有几千条的数据进行排序，多条数据可同时保存解决：使用a-table 的树形表格 ，操作表格某一列数据后进行临时保存（push到一个数组中），点击保存按钮时再请求保存接口效果图：代码主要片段注意事项：record.sortNum = value 在做其他操作的时候保存了修改的其他数据，原理：对象是一个引用类型，赋值的是一个指针指向...
2021-11-23 13:33:30
1381
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人