- 博客(31)
- 收藏
- 关注
RSS订阅原创 uniapp加载本地字体包思源黑体，并解决字体包太大报错问题
当字体包文件太大，比如我这思源黑体达到了7M，甚至十几M，便会报错RangeError: Maximum call stack size exceeded
2024-02-27 16:03:58
2777
1
原创 wgs84坐标系和gcj02坐标系互转
wgs84转gcj02：先在项目中新建一个单独的wgs84_to_gcj02.js文件，以下是js文件中的代码
2023-08-07 14:34:52
5484
3
原创 uni.openlocation 跳转第三方高德地图，APP端白屏问题
使用uni.openlocation跳转到第三方导航软件的时候，app端跳转的是高德地图，但是白屏没有反应
2023-07-18 14:44:51
1757
原创 Uniapp打包到app后报错request:fail abort statusCode:-1 java.security.cert.，跳过ssl验证，解决https问题
问题：uniapp项目运行到H5的时候都没问题，但打包成app后，就会报错，因为客户环境是https的，导致接口不通，也试过很多网上说的自己生成证书的， 但也没有用，附上自己生成证书教程。然后尝试把这属性添加到请求方法里，发现不起作用，接口还是不通。查了一下说是证书问题，这里我用的打包方式是使用公共测试证书。最后在uniapp官方文档里，找到个跳过ssl验证的属性。
2023-07-13 15:42:56
2190
2
原创 mapboxgl 和高德api获取周边场所及交通信息
mapboxgl 配合高德地图api搜索周围的交通（公交、地铁）及教育医疗等场所信息
2023-04-20 17:59:49
1704
11
原创 安装了Vue-pdf后，打包文件多出了worker.js和worker.js.gz
在安装了vue-pdf预览pdf文件后，发现打包文件变得很慢，打包出来的文件多了worker.js和worker.js.gz文件，导致打包文件变得很大。将 const filename = _loaderUtils2.default.interpolateName(this,修改node_modules/worker-loader/dist/index文件。
2023-04-06 10:22:54
918
原创 前端预览上传的pdf文件，并根据后端识别pdf后返回的word文件路径，直接在前端解析展示
在前端上传一个pdf文件，后端识别pdf文件，并返回识别后的word文件路径，前端再根据文件路径直接在页面展示解析word文件的结果
2023-04-04 18:05:08
1122
原创 el-form-item实现内容为非文字时超出自动换行
这时只需在el-form-item中加个属性word-break: break-all便可以实现内容为非文字时也能自动换行。
2023-02-22 09:18:55
1491
1
原创 vue 中img标签的src地址放在data中不生效
此时img标签便可以通过遍历的方式，再data中的imgList中找到图片路径。把img标签的src地址放在data中，再赋值给src的话是不生效的。一、将图片资源文件放在项目目录的static文件下，这样即可生效。二、通过import的方法将图片源路径引入。
2023-01-05 15:56:54
913
原创 el-menu在一级导航跳转其他页面后，一级导航保持高亮
代码实现：主要思路是，在写路由的时候，给跳转的路由在meta中加上activeMenu，这activeMenu即一级导航需要保持高亮的路由地址，然后在el-menu组件中添加default-active,即如果跳转的路由有activeMenu的话，就让这activeMenu保持高亮，如果没有则让跳转的页面高亮。先上效果图，在只有一级导航的情况下，跳转到其他页面的时候，一级导航保持高亮。
2022-12-27 15:01:12
1642
原创 vue2.0 实现返回上一页面时，上一页面的数据缓存保留
{meta: {keepAlive: true // 需要缓存false//不需要缓存}}]
2022-11-23 14:54:48
2233
1
原创 当div内所有元素都是浮动的时候，让容器(div)自适应高度
如图所示：div容器内的两个元素，图片列表和上传组件都是浮动的，因为图片是后端返回的(目前代码里是本地图片测试)，即无法确定有多少张图片，所以需要让div容器的高度自适应。在一个div内的所有元素都是浮动的，此时div的高度是不会自适应的。效果:实现了容器高度的自适应。
2022-09-28 17:07:27
458
原创 el-cascader自定义搜索功能before-filter
即不能用自带的搜索功能，决定自定义搜索功能，在el-cascader的输入框中根据输入的字符，通过后端接口去查做了区分的数据。需求：因为数据有重复名字的数据，但code是不相同的，就是虽然是相同名字，但其实是不同数据,又不能在原数据上直接做出区分。尝试了几次也不知道哪里出了问题，反正都不行。官方文档中，有关于自定义搜索功能的描述。当时在做这个的时候，网上搜出来的都是用。但回显的时候，还是回显到原数据上。将异步的接口请求改为同步方法，以及。
2022-09-16 11:05:29
7860
2
原创 V-for动态循环的元素，鼠标hover展示不同样式
用v-for动态循环的div，在鼠标hover时，展示不同样式，即给hover的那一个div添加一个边框阴影效果。如下，鼠标放在了第二条数据上，第二条数据则添加了一个外边框阴影。添加一个showId字段，比如当数据hover到第二条数据时，就把。这里先定义了两个类名的样式，一个是有阴影的一个是没有的。在网上搜到的都是给每一条数据都先设置好不同类名，但我。，比如id，然后给div添加一个鼠标hover事件。然后在v-for循环的div下，，这层div就是用来决定样式的，
2022-09-16 10:41:17
1101
原创 修改表单数据时el-input无法输入修改问题
从后端返回的数据回显到表单上，想修改数据时，发现el-input无论键盘怎么敲敲敲都没反应，但当选择另一个input输入时，上一个input输入框会且仅会输入你在另一个输入框输入的第一个字符，后面输入的都不会显示。2.在methods中调用这个方法 并使用$forceUpdate(), 官方文档给出的解释是这个具有强制刷新的作用，迫使Vue重新渲染，。所以在输入的时候一直触发,从而解决无法输入的问题。1.在el-input输入框中添加input事件。
2022-08-23 11:08:21
1679
原创 echarts自定义仪表盘样式
注意echartsecharts的背景图片必须是一个dom节点，而不是图片的url。根据大哥的做法，先将图表轴线、label、分割线、隐藏，只保留刻度。然后将axisLine设置showfalse，还要设置opacity才能彻底隐藏底色。这中样式的仪表盘确实难找，找的我脑瓜子嗡嗡响，找了很久很久很久之后，终于让我找到一个差不多的样式。这位大哥写的样式是这样的，感觉稍微改造改造就差不多是我要的效果了，开干！可以根据自己的需求找ui帮忙做图。这次为难我胖虎的是这样子的仪表盘。......
2022-07-25 15:36:04
3579
原创 echarts分段式的象形柱图
我一开始想到的自然是用elementui的进度条来做，但找了许久都没找到这种的样式效果。于是考虑用柱状图，如果这三个数据只用一个柱状图自然很难实现这样的效果(对我而言)，于是就考虑用三个柱状图，一条数据就用一个柱状图。，然后其余的数据就通过el-row和el-col布局来实现。下层块是下面一层颜色较浅的部分，下层块是上面颜色较深的部分。这种类似的效果图在echarts官方示例中叫。ranking是后端返回的数据。options配置如下。这是设置柱体颜色渐变。...
2022-07-25 15:15:58
2256
13
原创 Echarts 柱状图柱体颜色渐变效果
近日做项目时使用到了柱状图的渐变需求，在此记录下来。LinearGradient（0，0，0，1）为1的话代表的是四个方向。代码实现将series中的itemstyle配置属性换成以下代码。这里要的效果是从下到上渐变，所以将第四个参数为1。柱体颜色由下到上颜色逐渐变深变亮。第一个代表的是从左到右。第二个代表的是从上到下。第三个代表的是从右到左。第四个代表的是从下到上。offset支持的范围是0~1，即数据到达offset指定的数据时，就显示什么颜色。...
2022-07-25 14:55:02
1827
原创 解决Computed property was assigned to but it has no setter报错问题
修改前代码：直接通过mapgetters来获取数据，其中的ifRead是我在若依源码中添加的数据，这时候的报错就是Computed property ‘ifRead’ was assigned to but it has no setter解决办法：在computed中给ifRead添加get和set在get中通过this.$store.state.user.ifRead来手动获取。 注意在set里也要修改vuex里面的值，不然会内存溢出报错(也是听说的...)......
2022-07-06 09:57:51
9764
原创 解决：VUE项目Avoided redundant navigation to current location: “/XXX“.报错问题
最近在写项目的时候发现一个问题，就是在重复点击路由跳转的情况下，会报错Avoided redundant navigation to current location: “/XXX“ 这是vue router3.0的一个问题。解决办法：直接打开你router目录下的index.js文件，复制下面代码，添加到底部就行：...
2022-07-06 09:35:10
2945
1
原创 formData传递数组
在formData添加数组时，会有一个的问题，就是post请求会把数组拼接成一个字符串发送给服务器。这种时候有两种解决方案一、后台拿到字符串后，再截取字符串来生成数组二、对数据进行字符串化，即JSON.stringify() let formData = new FormData(); formData.append('coordinate',JSON.stringify(this.$route.query.position.geometry.coordinates[0]))这样就能成功以数组形式添加进fo
2022-07-04 12:19:28
12890
原创 获取对象的属性名
记录一下获取对象的属性名目前用到的两种方法。1. v-for="value,key in object" 使用v-for属性来遍历对象的属性，object是被遍历的对象，value是遍历出的属性值，key是遍历的属性名遍历的结果如下：2.Object.keys(对象名object) 输出结果为 ['name','age'] Object.values输出的则是属性值.........
2022-06-29 09:48:53
6211
原创 深拷贝解决对象赋值问题
问题：最近做项目的时候遇到一个对象赋值问题，输出整个对象和直接输出对象的某个属性，结果竟然是不一样的，当时觉得也是有点神奇，附上代码和输出情况因为在waterAndRainForm表单没有elementCode这个字段，所以就先把选中的checkCode赋值给waterAndRainForm表单。发现直接输出this.waterAndRainForm.elementCode的时候，输出的是cba，没点开this.waterAndRainForm对象的详细信息的时候显示的也是cba，但是一点开看到的却是823
2022-06-15 13:55:16
239
原创 element Table表格 加了show-overflow-tooltip 之后没有显示省略号
需求：··在表格展示时，由于一个单元格中文字较多，可以进行缩略展示，并且鼠标hover时有悬浮提示框展示出完整的文字一、问题此时的代码时这样的element 表格 本身自带一个属性show-overflow-tooltip，添加这个属性会使其所在列的文字内容进行缩略展示并且鼠标经过可以弹出全部内容，现在的问题是，我在这个单元格加了slot-scope插槽，还有一些自定义的功能需要完成，发现如果使用slot-scope，在列下面如果又嵌套元素，会导致该show-overflow-tooltip
2022-05-17 15:52:48
2598
1
原创 表单校验：下拉框的非空校验，有值但一直提示非空错误
错误：初次编辑表单时提示了非空，但下拉框选择了值后，这个非空错误一直还在，如下图所示：一、先排除一些基本的问题1.是否有ref2.是否有rules属性且在data中定义了规则3.props定制的字段名是否和rules里一样4.输入框或者选择框的v-model绑定的是否和a-form.model的model是否一致 附加提示一下 required 是否必填 trigger 触发条件 （blur 是失去焦点触发 change 是数据改变触发...
2022-05-17 12:46:32
6117
4
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人