随笔分类 -  vue

mock测试
摘要：1、导入mockjs 2、在main.js中引入mock /** * mock 测试 */const openMock = true// const openMock = falseif (openMock) { require('@/../test/mock')} /*************** 阅读全文
posted @ 2021-07-08 18:37 w20200618 阅读(118) 评论(0) 推荐(0)
水平/垂直弹性布局
摘要：实现两头固定宽度，中间动态100%动态调整样例 <template> <div class="wrapper"> <div class="aside-left" style="min-width:170px;"> </div> <div class="main"> </div> <div class 阅读全文
posted @ 2021-07-05 10:51 w20200618 阅读(134) 评论(0) 推荐(0)
vue实现百度离线地图
摘要：index.html中加载百度离线地图js <!-- 百度离线地图--><script type="text/javascript" src="/static/cdnnms/bmap/map_load.js"></script><script type="text/javascript" src=" 阅读全文
posted @ 2021-07-05 10:25 w20200618 阅读(3699) 评论(1) 推荐(0)
全局css定义
摘要：/*淘宝的样式初始化*/body, h1, h2, h3, h4, h5, h6, hr, p, blockquote, dl, dt, dd, ul, ol, li, pre, form, fieldset, legend, button, input, textarea, th, td { ma 阅读全文
posted @ 2021-07-05 10:08 w20200618 阅读(82) 评论(0) 推荐(0)
修改el-tree样式
摘要：/**************** 修改el-tree导航树节点样式*****************/.el-tree-node__content height 32px.el-tree-node font-size 14px.el-tree .el-tree-node__content back 阅读全文
posted @ 2021-07-05 10:04 w20200618 阅读(2868) 评论(0) 推荐(0)
el-tree设置导航树选中状态
摘要：setTreeCurrentKey (nodeKey) { if (nodeKey) { that.$refs.devTree.setCurrentKey(nodeKey) } else { that.$refs.devTree.setCurrentKey(null) } document.quer 阅读全文
posted @ 2021-07-05 09:58 w20200618 阅读(1014) 评论(0) 推荐(0)
el-tree右键菜单组件
摘要：/*********************** ContextMenu 使用说明************************************/ <jb-context-menu ref="contextMenu" class="right-menu" :target="contextM 阅读全文
posted @ 2021-07-05 09:52 w20200618 阅读(940) 评论(0) 推荐(0)
图片背景组件
摘要：/*************************************/ 使用： <jb-img-map-bg :bg-width="width" :bg-height="height" class="topoBgImage"></jb-img-map-bg> .topoBgImage z-i 阅读全文
posted @ 2021-07-01 16:30 w20200618 阅读(48) 评论(0) 推荐(0)
store使用说明
摘要：/*********************************** store index**************************************/ /** * store入口文件，组装模块并导出 store 的地方 * 取值 * store.getters.collaps 阅读全文
posted @ 2021-07-01 16:22 w20200618 阅读(370) 评论(0) 推荐(0)
axios请求统一封装
摘要：/** * axios封装 * 请求拦截、响应拦截、错误统一处理 */import axios from 'axios'import {errorHandle} from './errorMsg'import {Message} from 'element-ui'import constant fr 阅读全文
posted @ 2021-07-01 15:58 w20200618 阅读(118) 评论(0) 推荐(0)
jtopo使用说明
摘要：/************************************* jtopoCommon ************************************/ // const BASE_JTOPO_IMAGE = "http://10.10.10.164/cdnnms/img/j 阅读全文
posted @ 2021-07-01 15:54 w20200618 阅读(1460) 评论(0) 推荐(0)
echart使用
摘要：/***************** vue *******************/ <template> <div :id="chartId" :style="gaugeStyle"> </div></template><script>import echarts from '../../../ 阅读全文
posted @ 2021-07-01 11:13 w20200618 阅读(214) 评论(0) 推荐(0)
异步请求与合并
摘要：/** * 获取cpu利用率和温度 */async function getCpuUsageAndTempData (data) { const cpuUsage = await getCpuUsageData(data) const cpuTemp = await getCpuTemperatur 阅读全文
posted @ 2021-07-01 11:06 w20200618 阅读(68) 评论(0) 推荐(0)
验证规则汇总
摘要：// 正则匹配字符串const regExpConst = { ipRegex: /^(\d{1,2}|1\d\d|2[0-4]\d|25[0-5])\.(\d{1,2}|1\d\d|2[0-4]\d|25[0-5])\.(\d{1,2}|1\d\d|2[0-4]\d|25[0-5])\.(\d{1 阅读全文
posted @ 2021-07-01 10:54 w20200618 阅读(109) 评论(0) 推荐(0)
aes加/解密
摘要：import CryptoJS from 'crypto-js'// key和iv要与后台保持一致const keyStr = '0123456789ABCDEF' // 要求16个字符 const ivStr = '0123456789ABCDEF' // 要求16个字符/** * 加密 * @p 阅读全文
posted @ 2021-07-01 10:50 w20200618 阅读(62) 评论(0) 推荐(0)
el-dialog支持拖动
摘要：// 参考 Vue ElementUI el-dialog 可拖拽指令 https://blog.csdn.net/sinat_31213021/article/details/111273419/** * 使用说明： * 二、在 main.js 中引入 * import './directives 阅读全文
posted @ 2021-07-01 10:42 w20200618 阅读(939) 评论(0) 推荐(0)
工具类
摘要：import moment from 'moment' /** * 格式化时间，转换为标准的YYYY-MM-DD HH:mm:ss格式 * @param {object} strTime moment时间对象 * @return {string} 时间字符串 */function inputDate 阅读全文
posted @ 2021-07-01 10:40 w20200618 阅读(53) 评论(0) 推荐(0)
excel导出
摘要：function exportAllDeviceData (data) { return instance({ url: baseUrl + devManage.exportAllDeviceUrl, headers: { 'accept': 'application/octet-stream' / 阅读全文
posted @ 2021-07-01 09:14 w20200618 阅读(52) 评论(0) 推荐(0)