mysunli的博客

前两天项目中需要用到表单合并，特此记录，放便以后使用。 首先我使用的element-ui中的el-table，文档中提供span-method方法可以实现合并行或列，大家不熟悉的可以去看看element文档地址，但是文档提供的例子很简单，不能满足复杂的页面，所以需要处理一下数据。 如下代码：getListDataForRowAndColumn(data){ let self = this; self.rowAndColumn...

最近在整理之前项目代码时，无意间发现了几个隐藏的bug，这bug藏得真深啊~~~ 先上代码：<template> <div> <el-row class="page_title"> <el-col :span="24"> <span>操作日志</span> <hr> ...

序言 好久没写博客，正好今天项目需要增加防抖功能，特此记录一下。网上有很多例子，我试试了，没一个成功的（要哭了~~~~），最后参考别人的写法写了个，成功了。。。废话不说了，正文来了。防抖 使用场景：如搜索框，用户在输入的时候使用change事件去调用搜索，如果用户每一次输入都去搜索的话，就会消耗很大的服务器资源。如果每次用户停止输入后，延迟超过一定时间时，才去请求服务器的话，会节省服务器资源，提升用户体验。 原理：事件回调函数在一段时间（300毫秒）后才执行，如果在这段时...

原型图如下： 首先，这需要展示五条数据，每条的颜色都不一样，还要显示百分比，每条数据可分为上下两部分，上部分展示名字和百分比，下部分显示进度条。因为项目用的element，所以直接用它里面的Progress完成。 用flex布局很容易实现这种布局，可以用v-for循环展示出内容：progressData就是数据源，要修改它原有的样式.el-progress-bar__outer{border-radius:0;background-color:#3a3e63}...

最近在做大屏项目，其中要做飞线图。既然要做飞线图，当然要用echarts啦，不管你喜不喜欢，但是它的功能是十分强大的，关键还是开源的，用的非常爽。好了，开始走入正题。 首先，你得把echarts引入到你的项目中来 npm install echarts -S引入就来就可以开始你的表演了（嘻嘻~~~~）先来看下原型图上面有图片和信息展示，看着还挺炫酷的 先定义个chinaGeoCoordMap对象，用来放名字和地理坐标，如：var chinaGeoC...

在做项目当中遇到了如下图的情况：想要的结果应该是这样的怎样才能得到想要的结果呢，在网上一顿查找终于找到原因所在：由于得到的数据类型对应不上表单操作的数据类型。罪魁祸首在这啊，因为我从后台读取的数据类型时字符串，如下：所以才会出现上述情况，知道原因所在，就很好解决了，把value的值改成number类型的就OK了。写的不好请多多见谅。...

1.安装vue-cli 3.0npm install -g @vue/cli安装成功后查看版本：vue -V（切记一定要大写）如果遇到'vue' 不是内部或外部命令，也不是可运行的程序 或批处理文件。查看是否配置环境变量。2.创建项目在你新建的文件夹创建项目vue create 你的项目名称default 是 使用默认配置Manually select ...

今天再用vue-cli3构建项目时，在输入vue -v后，突然报'vue' 不是内部或外部命令，也不是可运行的程序 或批处理文件。瞬间蒙圈，这咋回事啊，怎么突然报这错了。没办法去问度娘呗，搜了好多方法，还是不行。明明npm install -g @vue/cli已经安装了，为啥没找到呢，那这个又安装在哪了呢？继续问度娘，有点眉目了（哈哈哈）首先输入npm config list哇哦，终...