- 博客(17)
- 收藏
- 关注
原创 根据某个属性值过滤树形结构
// treeData数据结构treeData= [{ id: '1', c1: 'S3职能系统-HR与管理线', c2: 800, c3: '3000000', c4: '2653000', c5: '347000', c6: '2000000000', c7: '待下发', c8: 'xxxxxx', children: [ { id: '2', c1: '人力资源平台部', c2: 800, c3: '3
2022-04-16 12:12:35 458
原创 Vue中使用Monaco Editor代码编辑器
一、安装依赖npm install editor@1.0.0npm install monaco-editor@0.19.3npm install monaco-editor-webpack-plugin@1.9.1二、配置vue.config.js文件const MonacoWebpackPlugin = require('monaco-editor-webpack-plugin');module.exports = { configureWebpack: { plu
2021-12-17 16:30:40 1805
原创 Vue打包命令配置环境变量
1.项目新建配置文件 根目录下创建文件1..env.development (开发环境配置)NODE_ENV = 'development'VUE_APP_DEPLOY = 'development'2..env.production (生产环境配置)NODE_ENV = 'production'VUE_APP_DEPLOY = 'production'3..env.test (测试环境配置)```# 这里使用production 不然打出来的包不是生产的配置NODE_ENV
2021-11-06 17:59:57 802
原创 new Map和 new Set
Mapmap是一组键值对的结构var m = new Map([['Michael', 95], ['Bob', 75], ['Tracy', 85]]);m.get('Michael'); // 95map使用方法如下var m = new Map(); // 空Mapm.set('Adam', 67); // 添加新的key-valuem.set('Bob', 59);m.has('Adam'); // 是否存在key 'Adam': truem.get('Adam'); // 67
2021-07-20 11:31:59 570
原创 ES63对数组进行对象属性的解构
let arr = [1, 2, 3];let {0 : first, [arr.length - 1] : last} = arr;first // 1last // 上面代码对数组进行对象解构。数组arr的0键对应的值是1,[arr.length - 1]就是2键,对应的值是3。字符串的解构赋值const [a, b, c, d, e] = 'hello';a // "h"b // "e"c // "l"d // "l"e // "o"类似数组的对象都有一个length属性,
2021-07-20 11:01:14 267
原创 移动端index页面title通过document自定义
1.在index页面 替换title代码为 <title><%= htmlWebpackPlugin.options.title %></title>2.在router.js添加beforeResolve 方法router.beforeResolve(function (to, form, next) { let title = to.query.pageTitle ? decodeURI(to.query.pageTitle) : to.meta.titl
2021-04-19 11:18:03 437
原创 解决vue中vue-cli项目报错sockjs.js报错
在使用vue-cli脚手架创建项目的时候,在npm create app命令后,项目创建成功后通过npm run serve命令运行以后,控制台报错,sockjs.js?9be2:1606 GET http://192.168.16.213:8080/sockjs-node/info?t=1574662800493 net::ERR_CONNECTION_TIMED_OUT错误分析sockjs-node是一个JavaScript库,提供跨浏览器JavaScript的API,创建了一个低延迟、全双工的浏
2021-04-19 11:15:00 2069 2
原创 企业微信禁止分享转发
1.前提 引入JS-SDK的情况下html页面引入<script src="//res.wx.qq.com/open/js/jweixin-1.2.0.js"></script> <script src="//open.work.weixin.qq.com/wwopen/js/jwxwork-1.0.0.js"></script>2.在路由守卫中router.afterEach(async function(transition){ co
2020-09-21 11:30:53 5219
原创 VUE挂载原型上
引入Vue 导出VMimport Vue from "vue";export const VM=new Vue()在挂载的地方tokenHelper.VM.$emit("userInfo", result.data);在使用的地方 tokenHelper.VM.$on("userInfo", (bool) => { this.$nextTick(() => { this.defaultRole = bool.defaultRole;
2020-08-27 16:54:15 847
原创 移动端显示console.log
在index.html页面引入 <!-- <script src="https://cdn.bootcdn.net/ajax/libs/vConsole/3.3.4/vconsole.min.js"></script> <script> var vConsole = new VConsole(); </script> -->引入配置sdk.js文件// import api from '@/confi
2020-06-05 11:24:56 633
原创 配置js文件,打包后可线上修改
1.创建js文件 origin.js2.在index.html 进行 <script type="text/javascript" src="<%= htmlWebpackPlugin.options.path %>static/origin.js"></script>3.将origin.js文件放在静态资源static下4.刷新后可进行修改
2020-06-05 11:20:40 941
原创 Vue执行$bus数据总线
1.在main.js为Vue挂载实例对象Vue.prototype.$bus = new Vue()2.在需要传递事件的地方写入$emit this.$bus.$emit("initOpenDataComplate", enable);3.在需要监听的地方写入 this.$bus.$on('initOpenDataComplate',enable)
2020-06-05 11:13:55 172
原创 js映射遍历自定义
js映射遍历自定义1.创建数组对象 chnNumChar:[{1:"一"},{2:"二"},{3:"三"},{4:"四"},{5:"五"},{6:"六"},{7:"七"},{8:"八"},{9:"九"},{10:"十"}],2.转化映射函数 translate(num){ return this.chnNumChar.filter(item=>Number(Object.keys(item)[0])==Number(num))[0
2020-06-05 11:01:45 384
原创 ForEach数组对象去重
InLeaders数组对象根据StepUserID进行去重lettemp={},arr=[]this.wrapper.InLeaders.forEach((item,index)=>{if(!temp[`${item.StepUserID}`]){temp[`${item.StepUserID}`]=item...
2020-06-05 10:49:54 533
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人