shi19970609的博客

原创 导入 导出写法规则

导出(进制流) responseType不可少。导入 headers不可少。

原创 正则数字 / 小数

小数 oninput="if(!\d*$/.test(value)) value=value.slice(0, -1)"数字 oninput="if(!

原创 密码验证校验

【代码】密码验证。

原创 饼图将标线转成百分比%

原创 echart从数据里添加tooltip样式

原创 路由跳转path单路由和name全路由

path跳转 一定要带/ 若出现children错误 可添加或者处理挂载函数。

转载 Verdaccio/gitHub npm 私服

npm login --registry http://192.168.0.40:4873/ 进入。npm publish --registry http://192.168.0.40:4873/ 上传。

原创 H5 静默获取微信code

https://open.weixin.qq.com/connect/oauth2/authorize?appid=*******&redirect_uri=******&response_type=code&scope=snsapi_base&state=STATE#wechat_redirect

原创 el-image图片放大查看层级问题

添加:preview-teleported="true"即可。

原创 echart圆环背景色

原创 高德地图定位点缩放偏移问题

new mapObj.AMap.Pixel(-38, -40), x设置图片一半的负值 y设为高的负值。

原创 vue3组件双向绑定

原创 axios

【代码】axios。

原创 表格合并 row为横 column为竖

将第六行前四个进行合并 注：原本的123一定要变成0 否则数据对不上。将前6列进行按照5个合并其他变成0 row为横 column为竖。

原创 echart 提示框自适应位置（不超出）

【代码】echart 提示框自适应位置（不超出）

原创 多x轴体---

【代码】多x轴体---

原创 echart折线+柱状 +双轴

【代码】echart折线+柱状 +双轴。

原创 圆形多线图

【代码】圆形多线图。

原创 el-table不设置height属性 从而达到自适应滚动

只需在父盒子上设置固定宽度或100%

原创 匹配输入是不是数字并且第一个不是点

@input="(event) => { elongation2 = elongation2.replace(/^[^\d]|(\.(?=.*\.))/g, '') }"

原创 grid 完美解决 flex布局最后数量不足的苦恼

【代码】grid 完美解决 flex布局最后数量不足的苦恼。

原创 form封装

【代码】form封装。

原创 flex 里面使用table 可以自适应放大不能自适应缩小

父盒子添加 overflow-x: hidden;

原创 echart x轴数据多 自适应问题

【代码】echart x轴数据多 自适应问题。

原创 echart 三角形柱状图

【代码】echart 三角形柱状图。

原创 elementplus 时间范围选择器限制选择时间范围

【代码】elementplus 时间范围选择器限制选择时间范围。

原创 萤石云播放器自适应设置

这样创建的时候就不需要添加高度和宽度。2.循环跑播放器，设置高度。3.设置宽高100%

原创 echart x轴倾斜 / 换行

【代码】echart x轴倾斜 / 换行。

原创 new Worker 开启子线程或者多线程

【代码】new Worker 开启子线程或者多线程。

原创 vue3动态路由警告问题

path: "/:pathMatch(.*)*", // 必备。

原创 vue3 ts

/ @ts-nocheck 关闭整页ts验证。

原创 axios封装使用loading

1.创建loading组件。

原创 二级路由跳二级路由（多级--多级），前一级路由不消失

不管子集的path有没有 / 重定向一定要有 /

原创 前端项目搭建环境详情（vue）

4.3 必要时安装sass "sass": "^1.26.5", "sass-loader": "^8.0.2", 可直接复制然后安装npm i。3. （v2项目） vue create 项目明 （可选v2,v3） create v2使用比较好。4.1 全局安装vite npm install vite -g。4.4 数据存储器发生改变 pinia 使用方法可参照我的相关文件。1.安装 nodejs 本人使用14.19版本。

原创 arco design 或者ant des... 关闭原本table分页，自写分页

1. :pagination="false" 关闭原有分页。2.引入分页设置事件及参数（页数，页码，总数）

原创 vue3 修改数据（赋值赋不上）

赋值为空的时候不能成功 要使用data.splice(0, data.length)const rowSelection = reactive(）//定义。整体替换 Object.assign(变量, 换的值);如果里面是对象 修改某个值可以直接修改。

原创 arco 表单验证及弹框使用

rules="[{ required: true, message: 'must select 12' }]"验证条件。尽量不要使用弹窗的ok事件，因为无论怎么样都会关闭弹框无法控制。1.表单验证（使用表单内置按钮可直接使用示例）model="form" 必须绑定。field="gq" 验证谁。

原创 vue3 父组件调用子组件里的事件方法

【代码】vue3 父组件调用子组件里的事件方法。

原创 tree选择数据为id数组，，此方法将数组转化为嵌套数组(树形图选择完的数据为数组套id的样式，此方法变成基本嵌套样式：如基本数组)

【代码】tree选择数据为id数组，，此方法将数组转化为嵌套数组。

原创 vue3传值

/应该可以写多个，我没试。// 调用上面的emits 传来的方法 parentClick，并传递字符串给父组件。// 定义一个emits方法来接收父组件传递的方法，也就是parentClick。emits("parentClick", "我是子组件传的");传值：和2的方式一样 标签上操作。父组件标签记得接收 和2一样。