![](https://img-blog.csdnimg.cn/20201014180756927.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
vue项目
下一次就是永远
这个作者很懒,什么都没留下…
展开
-
cesium开发——设置地球球体透明
效果如图,这里我加载了一张geoserver中国地图尝试了很多方法,终于达到上图的效果。当移除掉地球的图层之后,将球体的baseColor设置为透明,然后添加其他需要展示的图层:viewer.imageryLayers.removeAll();// 添加WMS服务const provider = new Cesium.WebMapServiceImageryProvider({ url: url, layers: "RLP", parameters: { transp原创 2022-04-14 10:03:25 · 4975 阅读 · 3 评论 -
Echarts柱状图,实现不同系列,柱体之间的部分重叠效果
使用echarts绘制柱状图,如何实现下图这种,不同系列所代表的柱体之间的部分重叠的效果呢?如图,x轴上每个data,对应着4种数据(3柱形、1折线图),其中3个柱体之间存在着部分重叠的视觉效果。barGap属性关键在于配置项series下的barGap属性。看一看echarts官方提供的配置项手册中的解释:不同系列的柱间距离,为百分比(如 ‘30%’,表示柱子宽度的 30%)。如果想要两个系列的柱子重叠,可以设置 barGap 为 ‘-100%’。这在用柱子做背景的时候有用。建议’-45原创 2021-09-23 14:58:47 · 4421 阅读 · 0 评论 -
在vue项目中使用高德地图JS API
在vue项目中使用高德地图JS API,而不是amap依赖包~一、 必做的准备工作注册账号并申请key首先,注册开发者账号,成为高德开放平台开发者登陆之后,在进入「应用管理」 页面「创建新应用」为应用添加 Key,「服务平台」一项请选择「 Web 端 ( JSAPI ) 」二、vue文件中创建容器需给容器设置宽高哈<div id="container"></div>三、mounted函数中引入JS文件mounted(){ this.init()},原创 2021-06-18 14:44:43 · 233 阅读 · 0 评论 -
echarts中setOption第二个参数的作用。处理减少series数组长度时,图表不发生变化的问题。
setOption是echarts中常被人们忽视的一个API,通常大家只会使用第一个参数,用于为图表设置配置项。然而有些场景,却需要用到第二个参数,也就是notMerge,取值为true或false。series配置项减少,图表不刷新的BUG如图,右侧图表系列(也就是折线图的线)的个数,与左侧下拉选框选中的数组联动。当下拉选框多选中一个,右侧多产生一条线,反之,少选一个,右侧减少一条线。然鹅发现,增加的时候可以正常渲染,减少的时候却不行。原因分析实际上series配置项发生改变时,图表进行了渲染原创 2021-05-21 14:45:16 · 2921 阅读 · 3 评论 -
简单解决vue、Element-UI项目中,关闭对话框子组件时的常见报错(Avoid mutating a prop directly...)
问题复现父组件通过控制,对话框子组件的visible.sync属性,达到控制对话框子组件显示与隐藏的效果。// 父组件<addAndEdit :visiable="visiable" @notShow="notShow" :title="diaTitle" v-if="visiable" ></addAndEdit>// 子组件<template> <div > <el-dialog原创 2021-05-08 14:52:42 · 1702 阅读 · 0 评论 -
在表格中嵌入Input输入框的方法,方便对表格数据进行修改(Element-UI)
在表格中嵌入Input输入框,方便我们直接对表格数据进行修改。效果展示效果说明页面加载渲染数据至Input输入框中,为Input输入框绑定change事件,使用户可以直接在表格中修改字段值。示例代码<el-table-column align="center" label="label"> <template slot-scope="scope"> <el-input v-model="scope.row.value" @chan原创 2021-04-29 16:51:13 · 4887 阅读 · 4 评论 -
使用Element-UI中的Table表格组件制作多级表头
多级表头是表格相关需求中常见的一种场景。数据结构比较复杂的时候,可使用多级表头来展现数据的层次关系。通过仔细阅读Element-UI官方文档,发现,通过嵌套el-table-column的方法,可以实现复合表头效果,以下是示例。效果示例图示例代码<el-table-column align="center" label="labelOut"> <el-table-column align="center" prop="prop1" label="labelIn1"> &原创 2021-04-29 16:28:58 · 2349 阅读 · 1 评论 -
VUE中设置当前日期为默认日期、如何设置“最近30天”日期区间
当我们使用vue框架进行前端开发时,常见的需求包括,查询和列表展示。设想这样一个使用场景:我们需要根据日期区间去查询数据,而当我们进入一个页面时,这个页面已经有默认的检索条件,我们的任务是——设置时间检索条件为最近30天。这里我将我的做法分享给大家:HTML结构中使用v-model绑定。<el-date-picker v-model="beginTime" type="date" placeholder="请选择开始日期" value-format="yyyy-MM-dd" ><原创 2021-02-02 10:56:47 · 4764 阅读 · 1 评论