- 博客(28)
- 收藏
- 关注
原创 Vue3 报错error:0308010C:digital envelope routines::unsupported
Vue3 报错error:0308010C:digital envelope routines::unsupported。package.json增加配置 set NODE_OPTIONS=–openssl-legacy-provider。
2023-07-05 10:49:49
114
原创 dayjs获取当前一个月0至当前23点59分59秒时间戳
dayjs().subtract(1, ‘month’).hour(0).minute(0).second(0).format(‘YYYY-MM-DD HH:mm:ss’)dayjs().hour(23).minute(59).second(59).format(‘YYYY-MM-DD HH:mm:ss’)
2023-03-07 09:49:34
1372
原创 vue3 ElementPlus el-upload 图片列表缩略图模式添加查看大图 删除等自定义按钮
【代码】vue3 ElementPlus el-upload 图片列表缩略图模式添加查看大图 删除等自定义按钮。
2023-02-25 13:47:46
4187
1
原创 Vue3 elementPlus el-upload(上传组件) 上传图片后,隐藏上传按钮
【代码】Vue3 elementPlus el-upload(上传组件) 上传图片后,隐藏上传按钮。
2023-02-13 15:48:12
1657
原创 vue3 elementUI el-upload自定义上传文件,不使用action属性
【代码】vue3 elementUI el-upload自定义上传文件,不使用action属性。
2023-02-07 11:32:59
3398
原创 vue3 element-plus el-progress 圆形circle进度条 内置文字换行
vue3 element-plus el-progress 圆形circle进度条 内置文字换行。
2022-09-16 10:16:09
1673
1
原创 vue3 子组件向父组件传递参数
1.父传子父组件:在子组件上通过 v-bind绑定属性子组件:先定义下基本类型,然后通过setup的第一个参数取获取传过来的值2.子传父父组件:在子组件上绑定一个事件,并定义回调子组件:通过setup的第二个参数去接受,第二个参数包含了(attrs,emit,slots),这里我们用到第二个emit去传值...
2022-05-07 21:22:11
4858
原创 vue 前端 增加取色器/拾色器
使用插件:vColorPicker效果:点击更多颜色可以吸取页面颜色地址:http://vue-color-picker.rxshc.com/
2022-02-21 16:51:08
3371
原创 moment.js 常用用法及时区转换
时间戳转换 const nowTime = moment().format(); console.log('获取当前时间', nowTime); const nowSecondTimestamp = moment(nowTime).unix(); console.log('当前时间转换为秒级时间戳', nowSecondTimestamp); const nowMillisecondTimestamp = moment(nowTime).valueOf(); console.lo
2022-01-24 19:36:53
7013
原创 h5移动端富文本内容图片过大撑出页面 设置图片宽度不生效问题
富文本在前端需要用 v-html之类的显示然而有时候会出现富文本中的图片过大超出了页面的宽度导致显示不全,像这样:例子是在vue的项目中,如果你去当前页面的有 scope 属性的 style 里面设置img的宽度,设置为 !important 都不起作用,img还是按照自身行内属性显示了大小;原因是通过 v-html 创建的 DOM 内容不受作用域内的样式影响。就是scoped属性产生的影响,推测原因是转化过程在代码运行前就完成了,但是v-html内容却是动态的,导致样式无效。解决方法可以是在同一
2022-01-07 14:05:16
1944
原创 vant tabs 左右滑动效果 swipeable不生效原因
tabs左右滑动使用swipeable属性swipeable不生效原因因为touch-action: pan-y导致 改成touch-action:manipulation;
2021-12-20 16:01:40
3375
原创 移动端 ios机型上vuex刷新丢失问题
写在app.vue里 绝对有效!!!!!!created(){//ios刷新时vuex里得信息保留let isiOS = !!navigator.userAgent.match(/(i[^;]+;( U;)? CPU.+Mac OS X/); //ios终端if (isiOS) {//在页面刷新时将vuex里的信息保存到缓存里window.addEventListener(“pagehide”, () => {localStorage.setItem(“messageStore”, J
2021-08-24 10:23:20
326
原创 删除node_modules命令行
不支持vscode 请使用cmd进行命令操作第一步:安装删除工具 npm install rimraf -g第二步:使用删除命令 rimraf node_modules
2021-04-02 19:58:29
2369
原创 vue中ref的使用
vue中的ref其实功能很强大,下面介绍一下如何使用。ref 加在普通的元素上,用this.$refs.(ref值) 可获取到本页面的dom元素 获取dom元素ref 还可以获取子组件中的data,也可以使用组件的所有方法。在使用方法的时候直接this.$refs.(ref值).方法() 就可以使用了 获取子组件中的data调用子组件中的方法 ...
2020-12-02 14:22:23
315
1
原创 数值去重/字符串去除重复字母
数组去重基本思路1 indexOf()建立一个新的数组,将原始数值中的数值,向新的数组中写入如果这个数值不存在于新的数组中,就执行写入,如果已经存在,就不写入具体代码 // 去除重复数值之后,应该是 [1,2,3,4,5] var arr = [1,1,1,1,1,2,2,2,2,2,2,3,3,3,3,3,3,4,4,4,4,5,5,5,5,5] // 建立一个空数组,来存储...
2020-03-20 21:16:22
657
原创 如何实现两列固定一列自适应
flex-grow : 扩展 ( 想看到扩展的效果,必须有空隙 )0 : 默认值 , 不去扩展1 : 去扩展 , 会把空白区域全部沾满子元素会按照设置的比例值来分配空隙,如果比例值总和小于1,那么会有空隙,如果比例值总和大于等于1,那么就没有空隙。语法是添加到子容器上的<!DOCTYPE html><html lang="en"><head> ...
2020-02-29 20:24:36
232
原创 flex弹性如何实现内容溢出但不换行
在父元素上加lex-nowrp 表示不换行还要在子元素上加flex-shrink:0 表示不收缩<style> * { margin: 0; padding: 0 } ul { list-style: none; } .list { width: 750px; ...
2020-02-24 22:08:32
7182
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人