skyseey-CSDN博客

需求：需要页面刷新默认显示Tooltip核心代码 👇 //显示提示框 //初始化条用次方法 this.myChart.dispatchAction({ type: "showTip", seriesIndex: 0, // 显示第几个series，从0开始 dataIndex: 6 // 显示第几个数据，从0开始 });...

2022-05-13 12:59:28 1713

原创笔记：echarts使用3D饼图本地成功，线上无法加载

问题：echarts使用3D饼图本地成功，线上无法加载导致整个页面无法访问1.之前尝试去解决以为是路由炸了排除掉。2.以为是各种依赖包不兼容排除掉3.以为是webpack打包出现问题排除掉最后：晚上去游了个泳第二天发现原来是渲染出现的问题导致整个页面无法进行加载。我是通过watch监听数据变化然后渲染echarts...

2022-05-12 16:04:15 706 4

原创笔记：滚动相册第一张图片显示不全问题

问题：制作相册可以下滑滚动图片，增加overflow-y：auto后发现第一张图片显示不全解决：遇到上述情况，你一定做了弹性盒配置才会导致这些现象（我就是加了justify-content: space-around）

2022-05-12 15:51:28 206

原创笔记：ElementUI 当select无数据时，自己定义

前：后： 👇👇👇👇👇👇 <div slot="empty"//核心 style="color: #c0c4cc; text-align: center; line-height: 50px" > 暂无数据 </div>

2022-04-28 17:32:10 1546

原创使用canvas开发框选功能模块demo

使用canvas开发-框选功能模块demo

2022-03-28 10:38:10 240 1

原创笔记：Element UI Dialog弹框水平垂直居中

需求：element dialog 默认不是水平居中的需要改为水平垂直居中方法一：全局设置在App.vue中添加代码👇/* 全局设置 element ui dialog水平垂直居中 */.el-dialog { left: 50%; top: 50%; transform: translate(-50%, -50%); margin: 0px !important;}方法二：局部在当前组件内有效👇/deep/ .el-dia...

2022-03-10 15:16:39 6289 5

原创笔记：百度地图通过-经纬度-获取-地址-信息API

let geoc = new BMapGL.Geocoder(); //地址解析对象//获取经纬度//e.latlng.lng-经度//e.latlng.lat-纬度let pt = new BMapGL.Point(e.latlng.lng, e.latlng.lat);//地址信息APIgeoc.getLocation(pt, (re) => { console.log(re);});

2022-02-22 17:03:37 781

原创笔记：Element UI popover无效点击没有反应

场景：使用ele 的popover组件和模板一模一样它可以我却不行 ????！找网上找了好久看见一种解决方案 ????解决：???? <el-popover placement="top" width="200" :ref="scope.$index"> <p> {{ scope.row.useStatusStr =...

2022-02-14 17:02:58 2886 1

原创笔记：百度地图通过输入地名搜索位置显示在地图上

场景：刚刚接到需求---通过输入地名搜索位置显示在地图上,然后百度了一番，发现很多都是BMap版本的地图而最新我用的是BMapGL地图所以多多少少有一些不一样，查略相关文档得出解决方案????。废话不多说直接上才艺 ✈✈✈：注意：1.这里是在VUE里面实现的.2.前提是你自己创建好了地图对象，我这里命名为mapObject. 3.里面都带有注释.findFn() { //console.log("搜索", this.findvalu...

2022-02-11 17:44:01 1541

原创笔记：递归寻找满足条件key 并且返回对应的值

场景：有时候后端给我们的数据我们不能直接使用展示，这时我们不得不去过滤一下得到我们想要的结果.-------------------------------------------------------------------------------------------情况：????简单的过滤我们可以直接写个if else if去替换，但是往往我们都需要请求接口对应字典表去查找????.--------------------------------------------..

2022-02-11 14:12:03 7787

原创笔记：百度地图API 添加自定义文本

需求：需要自定义文本废话不多说直接上代码????// 创建信息窗口// 自定义文本let sContent = `<div style="display: flex;flex-direction: column;align-items: center;"> <div style="width:100%;height:50px;padding:10px 15px 0px 15px;color:#fff;font-siz

2022-02-09 17:16:43 556

原创笔记：i-view table tree 展开符样式修改案例

场景：刚刚上午接到需更改iview table tree 展开符样式效果：修改前????：修改后????：废话不多说直接上步骤????：1.找到你需要的样式然后复制 icon名称2.找到对应的content????：3.找到对应class修改样式即可????...

2022-02-08 16:21:03 454

原创笔记：百度地图API 标记回显

场景：接到需求----在地图上显示标记，根据后端数据的信息。

2022-01-27 21:02:53 1197

原创笔记：iview-UI Table 自定义显示

场景：刚刚接到需求，table编辑区域根据不同数据的属性编辑区域的内容是不一样的，这样就和传统的编辑写法不一样了。如图：PS：每一行根据数据不同显示不同的操作内容。代码????：注意主要看????????<script> export default { components: { editChannel, editDevice, lantset, openCloudStorage, }, data() { re

2022-01-27 10:46:08 900

原创笔记：Iview-UI 级联选择器Cascader 支持每次只显示最后点击的那一项

问题描述：有时候选项option太长如果按照iview的习惯会每一层级都会显示所以导致显示不全的问题如图：设想一下如果只显示最后一项就能完美解决。代码????：PS：可以通过render-format来解决同样这个方法也可以接收一个函数来自定义。<template> <Cascader :data="data" :render-format="format"></Cascader></template><scrip

2022-01-27 10:19:57 2040

原创笔记：iview 当table没有数据的时候 table宽度无限增加

1.这个问题其实很简单就是没有绝对的宽度限制加上拥有自适应的机制才会导致这种结果。解决：1.查看你的css里面是否有这样的机制。比如我导致的问题就是：修改前：????修改后：????其实就是把flex：1换成一个相对固定的机制...

2022-01-24 10:43:38 648

原创笔记：谷歌chrome浏览器console.log()无效

修改前：1.第一种情况就是你关闭了谷歌info设置 ????：勾选info+warning+error2.第二种情况（前提是第一种情况没问题）????：注意：有时候显示的是Filter和默认是一样的显示，会误导你！！！很坑这里...

2022-01-17 20:50:39 2395

原创笔记：Echarts地图被选中更改颜色一系列配置

✈ 废话不多说直接直接起飞1.点击选中变颜色配置字段：let option = { geo: [ // ???????????????????????????????????????????? select: { itemStyle: { areaColor: "yellow", borderColor: "#f18355",

2022-01-05 14:45:21 9634 6

空空如也

空空如也