- 博客(12)
- 资源 (1)
- 收藏
- 关注

原创 vue + elment-ui导入上传excel表格并读取数据(完结版亲测有效!!)
之前试了很多网上的方法都不行,总会出现各种各样的问题,不是这里缺东西就是那里报错,摸索了老半天终于搞定hhhhhh,于是自己写了一份总结,方便需要的同学使用。首先,这里需要实现的效果为:当点击<el-button>按钮时,打开文件夹,选择excel表并上传,读取excel表中的内容,并把内容填写至<el-table>之中,如图:接下来需要做的是安装...
2019-09-04 15:40:10
21066
22
原创 react(react native)踩坑
这两天开始用react native写应用,今天用到hook功能的时候踩到一个坑。子组件props接收父组件传来的值const [tagList, setTagStatus] = useState(props.tagList);但是当父组件传来的值变化时 子组件并没有变化。。。解决方法就是useEffect(() => {setTagStatus(props.tagList)}, [props.comment])当传来的props.comment改变时,执行副作用s
2021-05-18 18:32:00
208
原创 Echarts修改配置项
不推荐下面这种写法:var option = myChart.getOption();option.visualMap[0].inRange.color = ...;myChart.setOption(option);getOption()获取当前实例中维护的option对象,返回的option对象中包含了用户多次setOption合并得到的配置项和数据,也记录了用户交互的状态,所以从这份option可以恢复或者得到一个新的一模一样的实例。返回的 option 每个组件的...
2021-04-27 13:15:40
2321
原创 element-ui :cell-class-name的功能加上之后出的问题
解决办法就是不要用这个功能,因为这个循环会拖慢整个页面!!!!! 在实际应用中列表cell数目可能会很大,用了这个功能,在里面做个for循环,页面直接卡成狗!
2020-12-04 16:06:21
829
2
原创 vue项目中高德地图根据城市名定位到城市中心位置,并在该位置做标记
先看效果:首先记得引入高德地图,并且要带上&plugin=AMap.DistrictSearch,如下:<scripttype="text/javascript"src="https://webapi.amap.com/maps?v=1.4.15&key=这里放上你的密钥&plugin=AMap.DistrictSearch"></script>这是data:data(){ return{ map:{},...
2020-11-05 18:00:18
3592
原创 echarts+vue,根据窗口变化重新渲染
HTML部分<div id="myLine" class="e-line"></div>然后是js datadata() { return { myEchartLine:{}, }}在生命周期mounted里面添加监听 :mounted() { let that = this that.drawLine() window.addEventListener("resize", () => { tha.
2020-11-05 17:32:17
2135
3
原创 根据设备加载不同的css文件
//根据设备加载不同的样式 var setStyle = function(cssArr){ var i= 0,len = cssArr.length; for(i;i<len;i++){ document.write('<link href="'+cssArr[i]+'" type="text/css" rel=stylesheet>'); } }; .
2020-06-16 17:24:59
1176
原创 实现html下载为pdf时分页不切断table表格或者echarts图片
html转换为canvas再下载为pdf的办法网上已经很多了,(我用的是两个插件一个js文件的那种办法,html2canvas,jspdf)。然而这种方法有个问题,如果我的图片中有表格或者图,并且分了好几页,那很可能我的图片会被分页隔断,如图:一张图被割到了两页。我的这张表是点击查看按钮 只打开网页图,点击下载按钮会先打开页面,再实时生成canvas,然后下载为pdf,...
2020-03-04 15:17:14
2607
原创 两个el-date-picker组件表示时间范围的时候设置选择限制
当用两个<el-date-picker>来选择开始时间和结束时间的时候,我们需要前者时间不超过后者。我们这里使用官网的picker-options方法。当选择前者时间的时候,后者的时间选择自动受到限制,先于前者的时间变为不可选状态,当选择后者时间的时候,前者选择器在后者之后的时间为不可选状态。代码如下:(html部分)<el-date-picker v-mode...
2019-12-09 20:59:23
4276
2
原创 关于vue一个页面中复用同一个echarts组件的问题
因为页面中要用echarts图表的地方比较多,所以封装了组件,方便复用,如图:我需要这样一个饼图,并且接下来在很多次地方要用到。直接复制官网的代码,再改改数据,需要用的时候直接拿来用。但是接下来出现了一个问题:如果我在同一个页面多次使用这个组件,图表将不能正常显示。分析了一下, echarts通过id获取对象// 基于准备好的dom,初始化echarts实例var myChar...
2019-09-26 17:29:24
4767
2
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人