vue
文章平均质量分 52
圣焱
这个作者很懒,什么都没留下…
展开
-
/deep/ 深度选择器
当style添加scoped时,表示组件私有化,可使组件模块化,其样式不会污染其他组件,也不被其他组件污染的CSS规范。这样在打包的时候会生成一个独一无二hash值,这样父组件的样式就不会影响到子组件了。但这时需要引用公共组件时,无法改变公共组件样式,此时需要/deep/深度选择器,此时可以修改公共组件样式。例如a-modal,如下:vue<div class="box"> <a-modal v-model="visibles" :title="title" class="原创 2021-07-05 17:42:19 · 311 阅读 · 0 评论 -
Echarts图高度设定 ref
想要动态设定echarts的高度,需要echarts实例中resize页面主体及相应样式动态设定 let chart1 = this.$refs.chart1.$echarts.init(document.getElementById("chart1"));//获取echarts实例对象 chart1.setOption(options);//重新存入设定 let chart2 = this.$refs.chart2.$echarts.init(documen原创 2021-04-16 15:15:26 · 2738 阅读 · 0 评论 -
leaflet marker显示全代码(geoJson)
<template> <div class="airMoniMap1"> <div class="mapClass" id="mapid"> </div> <!-- 标题时间显示 --> <div class="airMoniTitle"> <p>空气质量实测信息</p> <p>{{selectedTimeTitle}}</p>原创 2020-12-16 09:14:12 · 534 阅读 · 0 评论 -
leaflet marker简单方法全代码 参照官网实例
<template> <div class="airMoniMap1"> <div class="mapClass" id="mapid"> </div> <!-- 标题时间显示 --> <div class="airMoniTitle"> <p>空气质量实测信息</p> <p>{{selectedTimeTitle}}</p>原创 2020-12-16 09:13:08 · 791 阅读 · 1 评论 -
leaflet marker设置及根据zoom改变样式
1.获取数据queryData(){//调用接口查询城市数据 let params={time:this.selectedTime,type:this.timeType}; Promise.all([getAllCityAirMoniListOnChina(params), getAllSiteAirMoniListOnChina(params)]).then(res => { if (res[0].success&& res[1].succe原创 2020-12-16 09:10:54 · 3170 阅读 · 0 评论 -
npm,yarn安装配置及node-sass安装错误解决
node,npm,yarn的下载和配置参考http://doc.jeecg.com/1273968配置相应npm,yarn淘宝镜像npm config set registry https://registry.npm.taobao.org --globalnpm config set disturl https://npm.taobao.org/dist --globalyarn config set registry https://registry.npm.taobao.org --glob原创 2020-11-24 11:24:47 · 656 阅读 · 0 评论 -
vue echarts x轴time类型 value null值处理
当echarts横轴数据为时间类型时,设置横轴数据,处理y轴空值setDataTime(){//设置横轴 this.dataTime = []; if(this.startTime <= this.endTime){//当查询开始时间大于结束时间时 let sta = getDateYMD(stringToDate(this.startTime + '000000')); let end = getDateYMD(stringToDate(th原创 2020-11-23 17:20:48 · 1012 阅读 · 0 评论 -
Vue Echarts 多y轴
<template> <div class="metAnalysis"> <!-- 气象关联分析 created by lihao --> <div class="head"> <div class="header_block"> <span class="block_sname">时间:</span> <doubleTime class="times"原创 2020-11-23 17:21:44 · 578 阅读 · 0 评论 -
Vue Echarts风向折线图拐点生成
风向拐点生成准备一个向下的风向箭头如下:data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAAZCAYAAAA8CX6UAAAAAXNSR0IArs4c6QAAAk9JREFUOBGdlE1oE0EUx+dN1mhN2oOUPQnizVuwlKoN3jx4kba5evTuTbC33EUQ9GIPHho1athkIxRR8eNQY9GLDQgFL35QctBCas2lCfN8b5pdJrNjElzYnTfv/d9v3pudXVhqLN0QKJ7V8rX原创 2020-11-23 18:05:41 · 908 阅读 · 0 评论