摘要：
父级 <temp> <template v-slot:slot1="slotProps"> {{slotProps.slotData}} </template> </temp> 子级 <slot name="slot1" :slotData = "'sssss'"></slot> 阅读全文
posted @ 2021-05-18 16:11
Monday1997
阅读(1455)
评论(0)
推荐(0)
摘要：
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
阅读(1220)
评论(0)
推荐(0)
摘要：
使用场景： 点击页面中的按钮时会弹出一个框覆盖整个页面，并在其中做一些操作 页面中有一个用canvas绘制的二维码图片，可是这个图片在弹框出现时层级过高会悬浮在弹框之上 但是： 试过了 1、用z-index提升外框的层级，但是不奏效， 2、尝试使用cover-view但是那样的话就无法使用输入框， 阅读全文
posted @ 2021-01-18 18:57
Monday1997
阅读(1623)
评论(0)
推荐(0)
摘要：
此处使用的是vant框架 解决聚焦问题 这里遇到的问题是，在点击搜索框后，设置了弹起的弹出层中van-search 的foucs值为true 但是没有起到聚焦效果 原因在于弹出框带有一个动画效果，需要在动画效果之后再使focus的值为true才能生效 关键代码如下 <van-search focus 阅读全文
posted @ 2020-12-21 18:56
Monday1997
阅读(2721)
评论(1)
推荐(0)
摘要：
文件中单独使用vuesocket.io 最近的vue项目中需要使用到长链接,了解了一番后决定用vue-socket.io来操作，但是网上的教程大多是直接在main.js中直接发起长链接,而我的项目是需要在指定的页面开启，并不是直接查看。下面是我的解决方案(参考的是github上该项目issue中的解 阅读全文
posted @ 2020-12-10 18:36
Monday1997
阅读(1075)
评论(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
阅读(30484)
评论(0)
推荐(1)
摘要：
背景：由于浏览器的同源政策，在不同协议、域名、端口时进行数据访问将会出现跨域问题 常见的解决方式有以下几种 jsonp跨域 利用script天然的跨域属性进行跨域操作 jquery ajax实现 $.ajax({ url: 'http://www.test.com:8888/getData', ty 阅读全文
posted @ 2020-09-03 18:18
Monday1997
阅读(1536)
评论(0)
推荐(1)
摘要：
echart堆叠条形图计算总数 先上图 首先写入一个数据用于最上边总数的展示 option配置如下 option = { title: { text: '未处理' }, tooltip: { trigger: 'axis', axisPointer: { // 坐标轴指示器，坐标轴触发有效 type 阅读全文
posted @ 2020-08-03 12:43
Monday1997
阅读(6690)
评论(0)
推荐(0)
摘要：
有时候由于需要实现点击出现下拉框，而点击空白处或除了目标区域之外而响应事件使得弹框消失，此文则与各位分享如何使用原生js实现该需求 整个html文件献上（已封装） <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta 阅读全文
posted @ 2020-06-03 22:50
Monday1997
阅读(2458)
评论(0)
推荐(2)
摘要：
先上个效果图 获取到的数据是这样的 那如何将这些数据转化为树状结构并渲染出来 先上完整代码 分为两步 解析 第一步将数据进行转化 需要将数据转化为如下格式 也就是说可以利用children属性让我们很清楚的看到，每个菜单的子菜单有多少项并包含着每项子菜单的每个属性 代码时这样子的，利用递归算法直接构 阅读全文
posted @ 2020-05-18 00:58
Monday1997
阅读(2957)
评论(0)
推荐(0)
浙公网安备 33010602011771号