小小小晓蓉-CSDN博客

原创 vue3+element-plus 使用表单的validate方法一直处于pending状态

在用vue和element做form验证的时候，el.validate(valid) 一直不执行里面的代码，打印出来的时候一直是pending的状态。一直没找出原因，后来发现还是因为自定义的验证方法里面漏写的callback（）检查自定义的验证方法，确保所有出口都有callback()

2022-11-11 16:14:03 2311 1

原创 Echarts重绘报错 The image argument is a canvas element with a width or height of 0

Echarts重绘报错，原因在于绘制时，未正确获取到画布的宽高，在容器内写入行内样式，即可解决

2022-05-24 17:18:32 1212 3

原创 yarn报错：yarn : 无法加载文件 C:\...\yarn.ps1，因为在此系统上禁止运行脚本

以管理员身份运行 powerShell输入 Set-ExecutionPolicy RemoteSigned 选择 A 全是

2021-11-13 11:32:49 918

原创 js 去除HTML标签

let value = "<div> hello <h1> World! </h1></div>"value = value.replace(/<(?:.|\s)*?>/g,"")

2021-09-24 11:37:47 210

const list = [ { title: '1111', createTime: "2021-9-22 13:39:06" }, { title: '2222', createTime: "2021-9-10 13:39:06" }, { title: '333', createTime: "2021-9-24 13:39:06" }, { title: '4444', createTime: "2021-9-

2021-09-24 10:51:31 362

原创 vue3项目中使用keep-alive

app.vue<router-view v-slot="{ Component, route }"> <keep-alive> <component :is="Component" :key="route.path" v-if="route.meta.keepAlive" /> </keep-alive> <component :is="Component" v-if="!route.meta.keepAlive"

2021-09-14 15:10:05 220

转载十六进制颜色透明度转换

感谢「平凡的程序员」的原创文章：https://blog.csdn.net/yuanjian19900610/article/details/100285395八位十六进制依次代表红色（Red）、绿色（Green）、蓝色（Blue）、透明度(Alpha)透明度转换方便自己找0 —> 0X001 —> 0X032 —> 0X053 —> 0X084 —> 0X0A5 —> 0X0D6 —> 0X0F7 —> 0X128 —> 0X1

2021-09-10 15:31:50 1043

原创高德地图 - 地理编码报错：Uncaught TypeError: AMap.Geocoder is not a constructor

在项目中使用高德地图的地址编码let geocoder = new AMap.Geocoder();直接这样使用会报错解决方法一在添加入口脚本标签时，加上 &plugin=Amap.Geocoder<script type="text/javascript" src="https://webapi.amap.com/maps?v=1.4.15&key=你的key&plugin=AMap.Geocoder"></script> 解决方法二（

2021-09-09 16:46:41 4755 4

原创 vue3+element plus input输入框限制输入数字和小数点

不能以小数点开头，且只能有一个小数点<el-input v-model="input" :oninput=" input = inputNum(input)" />setup(){ const input = Vue.ref(undefined) const inputNum = (value) => { if (input.value== undefined) return; return value .replace(/[^\d.]

2021-09-09 09:54:44 3794

原创 Echarts自适应窗口大小的变化

window.addEventListener("resize",function(){ myCharts.resize();});

2021-07-20 14:08:43 105 1

原创解决echarts柱状图横坐标值显示不全

xAxis: { type: 'category', axisLabel:{ interval: 0 },},

2021-07-20 14:04:46 2942

原创获取页面剩余高度

CSS3的相对长度单位单位效果em相对长度单位；相对于当前对象内文本的字体大小。一般浏览器字体大小默认为16px，1em=16pxrem相对于根元素的字体大小vwviewpoint width，视口宽度，100vw=视口宽度的100%vhviewpoint height，视口高度，100vh=视口高度的100%vmin选取vw和vh中最小的那个，即在手机竖屏时，1vmin=1vwvmax选取vw和vh中最大的那个，即在手机竖屏时，1vmax=1

2021-07-14 16:21:03 513

原创重写element ui 中的message提示框，解决页面上显示过多message提示问题,按需引入message后，页面刷新出现空白提示

在使用了message的地方，多次点击就会出现很多个提示，影响用户使用我们可以通过重写message来解决这个问题在main.js中写入import { Message } from 'element-ui'// 为了实现Class的私有属性const showMessage = Symbol('showMessage')/** * 重写ElementUI的Message * single默认值true */class DonMessage { success (option

2021-04-14 16:55:35 1291

原创 vue项目动态监听localStorage或sessionStorage中数据的变化

这里写自定义目录标题vue项目动态监听localStorage或 sessionStorage中数据的变化1、首先在main.js中给Vue.prototype注册一个全局方法，然后创建一个StorageEvent方法，当我们执行sessionStorage.setItem(k,val)的时候，初始化时间并派发事件。2、在组件A中调用，写入缓存3、在组件B中监听vue项目动态监听localStorage或 sessionStorage中数据的变化1、首先在main.js中给Vue.prototype注册

2021-04-12 10:34:51 3133 2

原创 vue路由登录拦截

这里写自定义目录标题欢迎使用Markdown编辑器新的改变功能快捷键合理的创建标题，有助于目录的生成如何改变文本的样式插入链接与图片如何插入一段漂亮的代码片生成一个适合你的列表创建一个表格设定内容居中、居左、居右SmartyPants创建一个自定义列表如何创建一个注脚注释也是必不可少的KaTeX数学公式新的甘特图功能，丰富你的文章UML 图表FLowchart流程图导出与导入导出导入欢迎使用Markdown编辑器你好！这是你第一次使用 Markdown编辑器所展示的欢迎页。如果你想学习如何使用Mar

2021-02-01 15:42:24 145

qq_53142442的博客