Vue渲染Markdown数据
今天在找基于Vue的markdown编辑器时，找到了mavonEditor模块，本来想着通过抽离抽出展示Markdown数据相关的代码，结果忙活了一阵，突然看见文档有提示怎么只展示Markdown数据
仅用作展示可以设置props: toolb
数据可视化大屏适配方案（vue+px2rem）
项目构建：基于vue-cli3构建，使用postcss-px2rem px2rem-loader进行rem适配
实现原理：每次打包，webpack通过使用插件postcss-px2rem，帮我们自动将px单位转换成rem单位
前方
1. 安装插件 npm install jwt-decode --save2. 在需要使用的地方引入 import jwtDecode from 'jwt-decode'const code = jwtDecode(res.data.data.accessToken)consol
Vue实现动态路由2024-03-12 10:26:34
通常我们在vue项目中都是前端配置好路由的，但在一些项目中我们可能会遇到权限控制，这样我们就涉及到动态路由的设置了。
动态路由设置一般有两种：
(1)、简单的角色路由设置：比如只涉及到管理员和普通用户的权限。通常直接在前端进行简单的角色权限设置 (2)、复杂的路由权限设置：比
1、前端网络请求封装、异常统一处理
vue中采用axios处理网络请求，避免请求接口重复代码，以及各种网络情况造成的异常情况的判断，采用axios请求封装和异常拦截操作；
axios 请求封装
// 引入axios文件包
import axios from 'axios'
日常开发中我们常常需要下载文件，但是后端返回给前端需要下载的文件大致有两种：一种url链接，另一种文件流的形式；
1、前端下载url链接文件
方法1、通过a标签的href直接下载
a href="https://www.baidu.com/img/bd_logo1.png"
vue Bus总线2024-03-12 10:26:34
vue中我们经常遇到组件之间的通信，通常的通信方式有 父 → 子、子 → 父、兄弟组件 之间的通信。通常处理方式如下： 父 → 子：props传递数据 / vuex； **子 → 父：bus事件总线 / vuex; ** 兄弟组件：bus事件总线 / vuex; 兄弟组件：bus
1. qrcodejs2
安装 qrcodejs2 （注意：安装的是qrcodejs2，不要安装qrcode —> 会报错）npm install qrcodejs2 --save页面中引入script> import QRCode from "qrcodejs2"expo
在使用npm install问题 npm ERR! code ERESOLVE
npm ERR! ERESOLVE unable to resolve dependency tree
npm ERR!
npm ERR! While resolving: ruoyi@3.4.0
n
1. utils里新建websoket.js
import Vue from 'vue'
import { Message } from 'element-ui'
let v = new Vue()
v.$message = Message;
var webSocket = n