weixin_48399505的博客

原创 bpmn流程图

vue2 bpmn流程图

原创 Vue2中使用wangEditor实现自定义上传图片

1.安装 @wangeditor/editor-for-vue。

原创 vue富文本CKEditor 5

2.复制源码build–ckeditor.js,到public下。若需去掉输入标题，需在ckeditor.js里修改。public–index.html引入。1.下载CKEditor 5.js。

原创 vue3脚手架简单静态路由

5.vite.config.js文件引入sass和src路径。3.main.js文件引入。

原创 vue-echarts图表使用

vue-echarts

原创 vue使用WebSocket连接

1.在store里面新建ws.js文件。2.登录时和退出时调用。

原创 刷新时store数据，使用 lowdb数据库存储动态菜单，刷新时重新取菜单

3.在store模块新建db.js，写入公共方法增删改查。6.在路由拦截重新获取菜单数据。5.查看保存在本地的数据。4.在登录时设置菜单。

原创 简单动态路由

示例选用的iview-admin实现，store存数据刷新要丢失，可以使用lowdb插件本地存储。2.新建文件_import_development.js将菜单数据转换成路由需要的文件路径格式。3.使用filterAsyncRouter方法，将后端返回的路由改为路由需要的数据。注意：这里添加路由是嵌套路由，不然没有框架，没法切换菜单。component里面是view文件的路径地址。1.后台返回的路由数据格式化。4.路由next()

原创 iview ui 请求超时后，页面弹出多个message提示框解决办法（已应用到项目中）

iview，请求超时多个message解决方法

原创 2022工作知识小结（背景渐变+圆角渐变）

背景渐变+圆角渐变

原创 微信小程序video层级过高解决办法

video、cover-view

原创 vue高德地图加载wms图层

vue加载高德地图wms图层

原创 2021工作中的小知识点3（vue修改网页标题、格式化时间、js挂载vue组件并传参、修改key值、数组找最大值）

1.svg使用参考链接2.vue 修改网页标题1.在public下的index.html里修改title <title>xx系统</title>2.document.title = "xx系统"3.下载图片window.location="图片网络地址"4.秒转化为 小时分钟秒 secondsFormat(value) { var theTime = parseInt(value); // 秒 var theTime1 = 0; // 分

原创 2021工作中的小知识点1(滚动条、echart、正则）

1.vue 滚动条修改// 默认滚动条样式&::-webkit-scrollbar{ width: 6px;}&::-webkit-scrollbar-track{ background-color: transparent;}&::-webkit-scrollbar-thumb{ background: #595959; border-radius: 4px;}// 自定义滚动条样式.i-standard-scrollbar{

原创 vue中使用echart

前言在vue中使用echart，不用监听窗口自适应。节省代码量。参考路径 https://github.com/ecomfe/vue-echarts1.安装依赖本项目使用的是vue2，根据提示安装。注意：echarts 安装最新版1.npm install echarts vue-echarts2.npm i -D @vue/composition-api2.使用<template> <div class="container-box"> <d

原创 v-charts使用-折线图 扇形图 柱状图 雷达图

菜鸟成长之路代码展示<template> <div> <div class="grid col-2"> <!-- 雷达图 --> <el-card> <ve-radar :data="radarData" :settings="radarSet"></ve-radar ></el-card> <!-- 饼图 -->

原创 ucharts 圆形进度图使用

菜鸟成长之路1.在官网上下载安装参考文献<template> <view> <view class="qiun-columns"> <view class="content"> <canvas canvas-id="canvasRing" id="canvasRing" class="canvas"></canvas> </view> </view>...

原创 v-charts使用-柱状图属性

原创 封装element Message 消息提示

1.新建 prompt.jsimport { Message } from ‘element-ui’;export default {//消息提示框promptBox: function (title, status) { Message({ showClose: true, message: title, type: status });}};2.使用方法1.在所用页面引入js文件import prompt from “@/

原创 vue实现token登录

小白记录成长史，如有错误还请谅解并联系本人，本人会及时更正。