摘要: vue打包时配置不同的环境变量(vue-cli4) 以配置测试环境test为例 1、在package.json文件中配置script文件 "scripts": { "serve": "vue-cli-service serve", "build": "vue-cli-service build", 阅读全文
posted @ 2021-04-26 00:09 Monday1997 阅读(1155) 评论(0) 推荐(0) 编辑
摘要: 使用场景: 点击页面中的按钮时会弹出一个框覆盖整个页面,并在其中做一些操作 页面中有一个用canvas绘制的二维码图片,可是这个图片在弹框出现时层级过高会悬浮在弹框之上 但是: 试过了 1、用z-index提升外框的层级,但是不奏效, 2、尝试使用cover-view但是那样的话就无法使用输入框, 阅读全文
posted @ 2021-01-18 18:57 Monday1997 阅读(1307) 评论(0) 推荐(0) 编辑
摘要: 此处使用的是vant框架 解决聚焦问题 这里遇到的问题是,在点击搜索框后,设置了弹起的弹出层中van-search 的foucs值为true 但是没有起到聚焦效果 原因在于弹出框带有一个动画效果,需要在动画效果之后再使focus的值为true才能生效 关键代码如下 <van-search focus 阅读全文
posted @ 2020-12-21 18:56 Monday1997 阅读(2385) 评论(1) 推荐(0) 编辑
摘要: 文件中单独使用vuesocket.io 最近的vue项目中需要使用到长链接,了解了一番后决定用vue-socket.io来操作,但是网上的教程大多是直接在main.js中直接发起长链接,而我的项目是需要在指定的页面开启,并不是直接查看。下面是我的解决方案(参考的是github上该项目issue中的解 阅读全文
posted @ 2020-12-10 18:36 Monday1997 阅读(1022) 评论(0) 推荐(1) 编辑
摘要: 设置默认展开 将default-expanded-keys的值设为想展开的node-key值对应的数组即可,此处的choiceId设置为常量1,展开的是id为1的节点 <el-tree ref="tree" :data="treeData" highlight-current node-key="i 阅读全文
posted @ 2020-10-26 15:49 Monday1997 阅读(28508) 评论(0) 推荐(1) 编辑
摘要: 背景:由于浏览器的同源政策,在不同协议、域名、端口时进行数据访问将会出现跨域问题 常见的解决方式有以下几种 jsonp跨域 利用script天然的跨域属性进行跨域操作 jquery ajax实现 $.ajax({ url: 'http://www.test.com:8888/getData', ty 阅读全文
posted @ 2020-09-03 18:18 Monday1997 阅读(1513) 评论(0) 推荐(1) 编辑
摘要: echart堆叠条形图计算总数 先上图 首先写入一个数据用于最上边总数的展示 option配置如下 option = { title: { text: '未处理' }, tooltip: { trigger: 'axis', axisPointer: { // 坐标轴指示器,坐标轴触发有效 type 阅读全文
posted @ 2020-08-03 12:43 Monday1997 阅读(6290) 评论(0) 推荐(0) 编辑
摘要: 有时候由于需要实现点击出现下拉框,而点击空白处或除了目标区域之外而响应事件使得弹框消失,此文则与各位分享如何使用原生js实现该需求 整个html文件献上(已封装) <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta 阅读全文
posted @ 2020-06-03 22:50 Monday1997 阅读(2240) 评论(0) 推荐(2) 编辑
摘要: 先上个效果图 获取到的数据是这样的 那如何将这些数据转化为树状结构并渲染出来 先上完整代码 分为两步 解析 第一步将数据进行转化 需要将数据转化为如下格式 也就是说可以利用children属性让我们很清楚的看到,每个菜单的子菜单有多少项并包含着每项子菜单的每个属性 代码时这样子的,利用递归算法直接构 阅读全文
posted @ 2020-05-18 00:58 Monday1997 阅读(2877) 评论(0) 推荐(0) 编辑
摘要: 这两天在用wangEditor的时候在上传图片的时候遇到一些问题 有些地方也没有直接贴出源码只是贴了一些伪代码, 这里我将我练手的项目demo贴出来,这里只是例举了我的方案,具体操作建议观看 "官网" [toc] 基本配置 如下 请求头 还有一个是请求头,后台在上传文件的时候需要添加请求头验证,此处 阅读全文
posted @ 2020-05-12 18:30 Monday1997 阅读(11724) 评论(0) 推荐(0) 编辑