- 博客(29)
- 收藏
- 关注
RSS订阅原创 npm下载node-sass报错Failed at the node-sass@4.14.1 postinstall script
之前好好的，下了nvm切换node环境后再变回来出现了项目依赖下不来的情况。1.卸载node-sass。
2024-08-19 18:27:50
248
原创 el-select回显值不在下拉选项里
职位这个选择器之前选中了{value:code34，label:'经理'}是正常反显的，但是后台把这个值的数据删掉了，造成反显匹配不上下拉option，这样反显效果不好。原理就是给select再加一个option，value是拿到的值，label是接口返回的value的映射值。我的想法是如果用户不修改就正常反显，保留原数据，要是更改的话，下拉不能出现经理这个选项。postName是接口返回的原本的label值，加的option就消失了,解决！
2024-07-11 19:26:27
371
原创 微信小程序滚动到指定位置
方案1：常见的解决办法思路就是先获取元素距离顶部高度然后再滚动。推荐直接使用方案2，方案3保险，方案2简单。可以直接写组件内的选择器哦。不然返回一直是null。方法支持直接传选择器的。方案2不行的话选方案3。组件内需要在后面加上。
2024-05-23 11:14:47
715
原创 el-select设置未来的日期置灰时不能选当日
经过查阅知道这种方法默认是当时时间，而不是当天23:59:59，所以不能选中。改了一些写法但是还是不行，最后copy了大佬的写成功了。写需求发现日期选择器设置不能选未来日期时选当天不能选择。Format是定义的原型方法。
2024-05-08 11:34:50
272
转载 elementUI 日期范围选择器快捷选项本月 element月份多选
需求要求多选月份，但是看了最新的elementui,直接使用el-date-picker type="months"，我们用的ele版本较低，没有那个属性，所以只能手写。1、新建组件 SelectMonths.vue。2、使用组件 SelectMonths。
2024-04-28 17:20:27
1159
原创 vue页面表单校验不生效，一直不消失
百度发现这是vue为了提高性能去复用相同组件导致的，所以需要给每个表单项一个唯一标识的key，让vue对它们单独操作，如下图所示。所有要注意的点，发现都不行，明明有值但校验报错就是不消失，尝试了很多方法，下面这个自定义校验终于生效了！两个下拉选择的输入框，一样的写法，一个选择后校验提醒会消失，另一个一直不消失。写的手动取消校验的方法一开始还生效后来却失效了。后来又不生效了，看遍了。
2024-03-30 14:30:02
529
原创 微信小程序调高德接口获取地址和天气信息
注意1：由于当前获取位置是在小程序内部，所以必须添加小程序所需的permission用于小程序获取用户地理位置授权。3、点击右上角 控制台 -> 应用管理 -> 我的应用 -> 创建应用。由于我是用在微信小程序上的，所以需要现在高德官网上设置一下key。4、点击当前创建的应用下的添加按钮，提交后即可获取key。按照步骤获取key，或通过如下步骤获取。2、没有账号进行注册｜有账号直接登录。：进入官网进行下载解压后即可得到。2.将js文件放到静态文件中，：在appjson中进行配置。3.在需要调用的地方引用。
2024-03-29 17:13:40
1092
原创 调用高德接口获取地址天气并在oss上传添加成水印
需求需要在用拍照功能上传图片时获取地址经纬度天气时间来添加到图片上，如图要求用oss本身的方法上传，并且不调后端接口。这里采用的是调高德接口拿到地址经纬度天气，然后通过oss拼接x-oss...来添加水印。
2024-03-29 17:07:17
481
1
原创 vue上传图片添加水印（图片、文字）
需求需要上传图片时添加水印，oss提供了一些加后缀的办法，但只是页面上展示加上了水印，预览大图和上传到服务器上还是没有，所以要用canvas实现，如图。
2024-03-22 15:11:59
600
1
原创 小程序 上传图片加水印（图片和文字）
元素中添加canvas,画布放在屏幕外，避免在屏幕内遮挡。如图，图片上传的时候添加水印，水印可以为图片或文字。
2024-03-22 10:27:32
1090
1
原创 el-input-number不能input事件
虽然输入框尾部的上下箭头去掉了，但是，当我们鼠标焦点在输入框中时，上下滚动鼠标滚轮，这时输入框中的数字会发生变化，容易导致误操作，这时只需要将el-input元素改成如下即可。用的el-input-number，发现不能实现input，因为拿到的值要做操作，所以最后选择了el-input结合正则来做。要求input只能输入正整数。去除input后面箭头。
2024-02-26 21:59:55
830
1
原创 el-table实时更新表格数据
key可以在el-table标签也可以直接在el-table-column加。因为这一项太多需要手动加一个展开和收起；
2023-11-30 12:09:40
1398
原创 前端下载PDF
2.直接使用a标签并在url后拼接'?response-content-type=application/octet-stream'字符串就能实现下载。必须同源，否则会出现只跳转不下载的情况。axios请求：vue记得引入axios。
2023-11-29 13:54:41
978
1
原创 JS语句中等某个方法执行完再执行后面逻辑
在方法一中调用方法二，方法二中对一个变量赋值，传到方法一，方法一对变量进行逻辑操作。会出现先走下面逻辑的情况，试了nextTick，定时器，直接将代码写到方法里都不行。需求中需要提交的时候对一些字段进行校验，有的字段需要调接口匹配校验。
2023-11-22 14:19:47
381
原创 JS变量之间赋值，修改变量值，原变量会随之改变的问题
我们期待的是，B从A变量copy出一份数据，变成两份一样的基础数据，操作B而不影响A，让A始终保持原滋原味。期望的效果是，赋值之后，A和B是两份数据，对变量B进行操作时不影响变量A，结果发现想的是一回事，敲出来的完全是另一回事，修改B变量时A变量也跟着改变了。开发vue项目的过程中，需要多次用到一份基础数据，为减少代码量，提高一下复用效果，便用变量A来定义，在项目中需要用到时就用变量A进行赋值。在项目中调用时，新定义一个变量B，再将变量A赋值给变量B，即B=A；
2023-07-31 15:50:49
1120
1
原创 console.log打印对象有误
console.log() 中打印的引用数据类型时，在引用数据发生改变后，其打印的值也会被修改。1、将变量序列化JSON.stringify()为字符串后输出。2、使用debugger查看变量值。3、注释下方操作变量方法。
2023-07-31 15:49:28
232
1
原创 前端页面图片加载失败显示默认图片
解决办法就是定义全局变量 num 每触发一次error num++，当num大于某一阀值的时候停止 定义error = null；关闭监听，并且显示alt的内容，做到向下兼容。如果默认图片也加载失败，会出现闪烁并且不断触发error方法，陷入死循环。5.可以避免陷入死循环的。不支持动态添加的元素。
2023-07-31 15:43:46
613
1
转载 Vue中使用optionalChaining——可选链（包括在js和template中使用）
在Vue项目中适合在js和template中使用可选链提升我们编码的可读性与效率。，如果我们想要实现可选链操作符类似的效果，需要绕一个弯，具体代码如下）3. 在template中使用（目前Vue默认是。对于深层对象结构，判断过于繁琐，如图。可选链操作符是一个新的js。有没有简单的办法呢？
2023-07-26 16:08:26
1359
1
原创 微信小程序Page监听数据变化不能使用observers
众所周知，微信小程序的数据observers只能在自定义组件中使用，如果想要在页面中实现类似的功能，就只有通过其他的方法。其一就是通过模拟vue的watch来监听数据变化。那么Page中应该怎样监听呢？
2023-04-25 16:05:15
2399
3
原创 element选择器实现数据上拉加载功能
在选择器里渲染几万条数据，中增加上拉加载的效果，这边用的是element组件库中的el-select组件。
2023-03-01 18:28:33
877
转载 自动纠正小数输入错误格式
最近项目中遇到验证正负两位小数的需求，为了防止用户输入错误，自动纠正错误格式。//验证是否为正负两位小数，不符合则自动纠正输入。输入如：1.111 则自动替换为 1.11。//删除非(数字+-.);//纠正错误的数字格式。输入如：. 则自动替换为0.输入如：--则自动替换为 -
2023-03-01 16:26:24
68
转载 跳转传参报错：SyntaxError: Unexpected end of JSON input
小程序,经常有跳转传参的功能,一般带一个id或者name,title之类很短的字段,但是如果带很多数据的话,很多人喜欢使用json转换,传一个对象过去小程序传参但这样仅限于很少的字段,不然就会出现错误,如下图。1、如果业务场景是从列表页面跳转到详情页面,那么推荐只携带少量字段,如id,然后在详情页面使用id请求详情,这样就不用烦心字符长度超出的问题了.(强烈推荐)2、如果不想请求新的数据,就用列表本身的字段,但是字符串超出的话,可以考虑下面方法.
2022-12-09 11:37:49
1633
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人