- 博客(39)
- 收藏
- 关注
RSS订阅原创 vue+ant 弹窗可以拖动
但是这个在modal使用了centered时会出现移动的一瞬间弹窗偏移严重的问题，而且弹窗上下居中的class名字在这里拿不到，所以只能再建一个dragcenter自定义指令。使用时modal未使用centered则用v-drag，使用centered时则用v-dragcenter。在main.js里加入drag自定义指令。通过自定义指令实现拖拽功能。
2024-10-12 21:54:18
505
1
原创 记录下如何让字体在div内 自动换行 上下居中
/ 允许字体换行 （若行内的单词无法放下则换行）word-break: break-all;// 强制文本在任意字符间进行换行。这样就会让div内的字体不管换行与否一直处于居中的状态。
2024-09-19 10:28:16
606
原创 echart点击标题弹窗显示表格内容
在option的title内，设置triggerEvent为true开启点击事件监听，cursor为pointer是为了鼠标移动到标题时，看上去要可点击。如果要echart的其他地方的点击事件，打印下点击事件的参数就能够清除了。只记录下如何获取点击标题的事件。
2024-09-18 10:52:53
358
原创 uniapp 做一个查看图片的组件，图片可缩放移动
要注意 transform的translate和scale属性在同一标签上不会一起生效。因为是手机端，所以需要触摸可移动，双指放大缩小。查看图片使用 uni-popup 弹窗。方法直接调用组件open方法就OK了。首先在components里建个组件。缩放就根据双指距离的变大变小进行缩放。外面组件调用时引用或者全局注册后使用。移动就根据触摸效果进行偏移图片。外面图片上加个点击事件。
2024-09-12 10:16:55
1339
2
原创 iframe页面方法调用时调用父级页面的方法
1.我做了个打印页面的组件，引用的html文件，需要在打印页面的点击打印时调接口，所以需要将方法再次传回给上级。在mounted和beforeDestroy也就是页面渲染后和页面销毁前增加监听事件的创建与销毁。在引用的页面调用方法时使用。
2024-09-09 15:37:01
489
原创 前端使用XLSX导出文件，涉及到合并、字体、边框等
表格数据dataList，我前端显示时也需要合并，有两个合并条件于是建立了两个属性sfRowSpan、userRowSpan，表示合并的行数，最后两行也有横着的合并项，所以column如下面所示。例如第1、2行需要合并，第一行数据的rowSpan为2，第二行的rowSpan为0...所以可以根据我之前数据内的rowSpan、colSpan找到合并的具体位置与数量。导出excel同浏览器显示效果要一样。可以生成多个sheet。
2024-09-05 16:29:50
542
原创 vue跳转页面后，在跳转后的页面执行方法
都可以后跟query传参 this.$router.push({ name: 'name'， query: {id: '1'} })页面取传参数据有，当页面已打开，其他页面跳转，在watch监听每次页面跳转。但是这种传参如果做了页面缓存的话，容易出现多个相同页签。当然也可以处理一下监听第一次不生效的问题就行。页面没打开时在mounted里执行。所以建议使用params传参。
2024-07-04 12:00:25
488
原创 Building for production... ERROR Error: EBUSY: resource busy or locked...
通常发生在尝试写入或删除一个已经被另一个进程打开的文件时，也就是你的dist文件夹被占用了。npm run serve都一切正常，突然提示锁住了。npm run build时就报错了。/(ㄒoㄒ)/~~ 我就是重启才解决！可以用资源管理器结束任务，然后重试。
2024-06-18 15:53:08
267
原创 vue使用hiprint做打印模板并打印
设计：建立一个模板表；有以下字段：id（唯一键），name（前端显示模板名称），printJson（模板字符串），type（分类-同类的模板在同一个地方显示并可打印）,等(做成配置时需要其他条件自己考虑加)前端统一传值可为两种对象和数组（对象只打印一个，数组有多少条数据打印多少个），这个hiprint会自己判断，可以不管。然后再写个组件，弹窗显示打印页面，引用打印页面，传入数据（打印内容与打印模板）然后在要打印的页面使用，我这边是把打印组件封装到表格组件里了，做成了配置项。点击设计进入设计页面，如图。
2024-06-17 11:26:58
3229
3
原创 ant简单的图片弹窗查看
点击缩略图，弹出图片查看，滚动鼠标放大缩小查看图片，右上角x点击关掉查看图片。没实现旋转的效果，旋转用了拖动没效果了。后面有时间在考虑一起实现。
2024-05-30 18:02:45
332
原创 vscode设置中文菜单显示
2.在命令面板中输入“Configure Display Language”，然后点击“Configure Display Language”选项。1.打开VSCode软件，按住键盘上的“Ctrl+Shift+P”组合键，打开命令面板。3.在弹出的语言选择列表中，选择“zh-cn”，表示简体中文。4.点击“Restart”按钮，重启VSCode软件。5.重启后，VSCode的界面将变成中文。
2024-04-27 18:04:07
435
原创 request to https://registry.npm.taobao.org/decimal.js failed, reason: certificate has expired
控制台运行：npm config set registry https://registry.npmmirror.com/国内镜像地址：https://registry.npmmirror.com/切换镜像地址 重新install就行。这个提示是淘宝镜像证书失效了。
2024-01-23 16:49:36
601
原创 uniapp接口地址可修改(登录账号密码缓存)
进度登录页面判断缓存的地址是否存在不存在则缓存默认地址，将缓存地址赋值给页面url字段，弹窗进行修改，确认修改时修改缓存。4.清除缓存时（例如退出登录、登录失效等）写个公共方法，清除缓存的地方用就行（主要是保留登录信息和url信息）设计思路：有一个默认的登录地址，在登录页面增加个设置按钮，点击后可修改地址。需求：因为服务器地址会有变动，所以想让app可以自己修改连接后端地址。3.页面显示按钮，弹窗，点击获取缓存的数据，保存时替换缓存的地址。1.登录页面获取缓存地址（账号密码一起）
2023-11-14 16:56:35
1112
原创 ant表格选择，有默认不能选择的如何设置
getCheckboxProps 定义是否可选中。onChange 勾选时触发的change事件。selectedRowKeys 选中的key。disabled为true时则不能选中。
2023-10-30 11:24:47
1210
原创 postgresql批量修改列属性
修改属性的sql为(numeric(总长度,小数位数)，例如 x.y numeric(x+y,x) )ALTER TABLE 表名 ALTER COLUMN 列名 TYPE numeric。有个需求将数据库所有表的字段类型为numeric的字段长度和小数点全改为0（自适应）查询所有列、类型、表名、以及当前长度和小数点的值。执行函数就可以批量修改了。
2023-10-27 17:07:28
1173
原创 实现div中间拖动可改变两边宽度的操作
2.js 原理很简单 开始时获取div的初始x。示意图：拖动中间div，改变左右两边div的宽度。移动完成时，以当前x-初始x就是横线移动的距离；初始位置再减去这个距离就能得到最终位置。ok，完成，简单记下。
2023-10-23 12:05:36
774
原创 vue table行合并显示 ant
合并多少行的方法，取出一样的值放进二维数组，数组的长度就是要合并后的行数，二维数组的长度就是合并的行数。需求：表格内的多行数据某些字段上下一样的值需要合并显示。column：展示了两列，显示物料一样时合并。
2023-09-15 15:08:36
205
原创 vue将页面保存为pdf 使用 jspdf 和 html2canvas
呈现元素时要使用的y-scroll位置（例如，如果Element使用position: fixed）第二个参数：测量单位（"pt"，"mm", "cm", "m", "in" or "px"）渲染元素时要使用的x滚动位置（例如，如果Element使用position: fixed）克隆文档以进行渲染时调用的回调函数可用于修改将要渲染的内容，而不会影响原始源文档。渲染时要使用的窗口高度Element，这可能会影响媒体查询之类的内容。渲染时使用的窗口宽度Element，这可能会影响媒体查询之类的内容。
2023-09-14 18:08:14
215
原创 实现设备小图标在车间图上拖动位置，可以编辑查看设备(vue)
3.鼠标拖动设备图标可以实现拖动，拖动完后提示是否保存，保存则更新位置，取消设备恢复yua。1.首先放一张车间图在背景上，我这里直接用背景色（图中图标就是设备）2.鼠标单击弹出抽屉可修改设备信息，查看设备详情。1.鼠标放上去看见设备名称。字体提示（这里是设备名称）
2023-08-28 15:18:13
313
原创 uniapp数组数据新增删除时出现显示错误问题（APP端）
uniapp有个bug，在数组数据渲染后，例如新增一条数据（空白数据），录入几个字段，在新增一条数据（空白数据），将第一条数据删除，这时候剩下的第二条数据（应该是空白）却还是显示的第一条数据的样子，相等于删掉了第二条数据的效果。最后想了个办法，新增数据时，每个字段都赋值一次，（最开始是直接新增空对象）结果就解决了，我吐了。这个查了半天跟key没关系，只在app端运行会出现，web端不会出现。这个应该算渲染的bug吧，只有app会出现，也不知道什么时候能解决。
2023-08-08 16:00:32
329
原创 uniapp实现版本检测，更新
下载完成后关闭弹窗,获取的临时地址用uni.openDocument打开文件，就可以安装了。用官方提供的onProgressUpdate可以获取到下载进度。5.点击更新时下载，并显示进度（弹窗显示）。4.如果版本号不是最新的就打开提示弹窗。2.在获取到服务器保存的app版本。1.首先需要获取当前app的版本。3.点击按钮验证版本号。
2023-08-01 14:43:37
5178
3
原创 uniapp新建的默认项目如何使用官方的扩展组件
1.新建默认模板项目（直接选第二个有组件，就是演示文件太多了）4.根目录新建并配置 vue.config.js文件。5.最后在pages.json内配置easycom。2.选中项目，点击视图-显示终端。然后就可以直接使用了。
2023-07-26 11:31:01
481
1
原创 vue表格无限下级，动态加载；或可手动新增无限下级
1. 最外层是表格，GridViewTableContainLine是我自定义表格组件，当成table就行，下级组件是TabShowBomItems，通过上级传参进行查询。使用时注意，父级传参子级是不能直接修改的，所以我是在子级有数据变化时，向上级提交数据重新往子级赋值，如下；而且这个vue2的数据双向绑定在数组数据变化时有点不太友好，不一定能监听到，使用时自己注意。2.组件，展示表格，表格的下级再次引用组件自身。放代码，这是table那块儿，组件ItemAndReplaceItem。
2023-07-24 18:12:02
438
原创 uniapp组件 从下方弹出进行选择
4.使用组件，我这里是在循环内使用的组件，不是在循环内的话，打开弹窗时不需要[0]，this.$ref.xxx.open()就行。1.首先自定义一个components文件夹存放所有自定义组件，右键文件夹新建组件，使用默认模板就行。2.可以根据想要的效果在当前页面写好，例如我写的就是选择部门的一个组件，是一个显示在下方的弹窗组件。直接放代码，通过props、mode和watch内定义，引用组件时可直接使用v-model绑定。其他: 当前也可以使用传进去的值进行选择，组件如下。3.进行全局注册（或局部注册）
2023-07-24 17:40:24
2505
原创 vue ant 做一个公共table组件，其中要实现点击行时被点击行背景色要改变，且该方法可以使用组件时覆盖使用！
遇到个问题，在rowClassName和customClick被定义在props里时，想要拿到data内的属性是不行的，要报错。将 props里的默认值都为null，table里面改下，未传rowClassName和customClick时使用默认的。发现直接在props里是取不到data里的值的，那就只能换个方式。props里定义的rowClassName。
2023-07-05 16:35:33
250
1
原创 VUE ANT modal多弹窗时确认上下顺序
不是用组件的话也是一样设置z-index，position: fixed;配合 z-index: 99999。直接使用a-modal里的zIndex属性就行了。
2023-06-26 17:23:03
1305
1
原创 微信原生开发-向下一个页面传值
2.在下一个页面的onLoad方法内接收options参数，option.data就是上个页面的传参，记得转回来。1.在跳转页面的时候url后面加上?data=，将值转为JSON对象传过去。
2023-06-09 16:24:14
61
原创 微信原生开发-自定义组件
4.在需要使用组件的界面直接使用组件，属性通过组件js文件内的properties接收（例如visible），组件通过this.triggerEvent('方法名', { value: 传值 })向父组件传值，父组件在方法内通过bind:方法名对应的方法接收参数。1.先创建自定义组件文件夹，然后右键文件夹新建component，输入文件名，会自动创建四个文件后缀为js，json，wxml，wxss的文件。2.wxml文件内定义好组件视图，wxss内定义好对应事件，再在js文件内定义好对应属性和事件。
2023-06-09 16:15:48
132
原创 vue table 点击单元格修改单元格背景色 使用 customCell 改变单元格背景色（样式）
vue table 使用 customCell 改变单元格背景色（样式）
2023-01-12 10:07:47
5158
4
原创 Parsing error: Cannot find module ‘babel-eslint‘解决方法
2.将package.json里的 "babel-eslint": "^10.0.1", 删除。增加一行 "@babel/eslint-parser": "^7.18.2",3.删掉yarn.lok里的'babel-eslint模块。1.将.eslintrc.js中的。4.重新npm run build。5.重新npm run serve。全局搜索babel-eslint。
2022-12-23 17:44:33
12164
原创 ant for vue select下拉报expected `string` when `tags/combobox` is `true`.
我是要在表内做一个可下拉选择或输入的输入框上图，nzData是字符串数组，运行一直报上面那个错，人都懵了，搞了半天，最后在key里面加了个空字符串，就行了，原来是因为ant默认将item认为了object，无语大事件。记录一下，那个弃用的提示可以不用管他。...
2021-12-28 12:37:08
581
原创 ant for vue 的select懒加载、下拉框样式、远程搜索等
物料选择公共组件<template><a-selectshow-searchallowClear:disabled="disabled"placeholder="请选择物料"option-filter-prop="children"style="width:100%"v-model="newId":dropdownClassName="'width:300px'":d...
2021-09-03 12:27:54
1482
原创 vue 一个select值改变时改变其他select值，其他select选择时不显示（不刷新）的问题！
渲染了好几个select，绑定的值都为对象data内的属性，data: {}当select1改变时，select2，select3，select4的值跟着变动，变动效果是有了，但是再次去改select2，select3，select4的值时，改不了！什么原因？ 我将select2，select3，select4的初始值都先定义出来，data: {s2: '', s3: '', s4: ''} 再次去选择select2，select3...
2021-08-26 10:29:21
1196
原创 ant for vue table行内select 级联选择出现二级选择数据一直不展示
因业务需要，要做一个级联选择的，如下图，先选代用规格，根据选择的代用规则调接口查数据，被代用再进行选择，但是试过很多次，二级直接v-for的时候直接获取数据不行，因为是直接return的数据无法强制刷新，就将数据拿到第一级的change里面，然后发现强制刷新也不行。搞的我头痛，把这个放组件里面试试页面直接引用这个组件OK，解决！前端基础太差，不太会说话，解释不来这个原因，可以理解为这个组件是另一个线程一样的东西，数据变动会自己刷新。嗯~~...
2021-08-18 15:13:26
715
原创 Oracle plsql 分组查询将其他列合并显示
表数据示例a b c d1 b1 c1 d11 b2 c2 d22 b3 c3 d32 b4 c4 d4想要效果：1 b1-c1-d1,b2,c2,d22 b3-c3-d3,b4,c4,d4方法一：select deptno,wm_concat(ename) from emp group by deptno;--更具deptno分组，合并所有ename显示w...
2021-08-03 10:28:39
1765
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人