- 博客(201)
- 资源 (1)
- 问答 (1)
- 收藏
- 关注
原创 【记录44】【案例】echarts地图
这里需注意:笔者在echarts5.4.2版本添加是失败的,查看了下下载的echarts缺少部分文件,导致无法加载,正确的版本在环境那块写了,
2024-06-18 21:30:00 440
原创 【记录43】el-table @selection-change 数据回显、条件约束、历史回显清除
表格中选中的人员,点击取消后,再次进来人员还在,部分可能觉得正常,实际是不对(切换了数据绑定对象,还存在是不对的)。这里笔者做了一个点击取消就默认为当前选择的取消(不要了)限制选中人员上限,大家可能会想到直接判断选中的list,实际操作中存在一个问题:你选择了,给了提示,表格显示上还是会选中。在其他地方设置好人员,到对应的页面直接在表格中复选设置好的人员。到这里基本完成了回显功能。
2024-05-31 11:32:51 707
原创 【记录39】html element-ui 加载
将相关资源下载下来,在对应的html文件中相对路径引入。注意:css加载放在js之前。html使用element-ui组件、用vue框架搭建。
2024-03-20 10:52:45 339
原创 【记录38】[ECharts] Can‘t get DOM width or height. Please check dom.clientWidth and dom.clientHeight.
就是获取不到dom 的宽高导致无法动态渲染dom实例,实际就一定写过了,但是还是没有获取到,为什么呢?这里说明下,有些伙伴理解“不是需要根据id去css中设定DOM 的宽高”,结果排查了半天是因为一个符号写错,服了,写代码的时候还是得注意点。实际dom已经初始化并加载出来了,点击对应的事件,无法渲染图型。
2024-03-19 11:56:25 875
原创 【记录37】VueBaiduMap 踩坑一
一眼就看出,不对,值在父组件初始化过程中就已赋值,but实际中还是报错,猜测:页面在生命周期加载中哪可能出错,结果排查发现是vuebaidumap(子组件)的加载比父组件(引入vuebaidumap页面)还早,问题就出现在这里。虽然不影响使用,但看见控制报。回调观察程序“content”时出错:“TypeError:无法读取未定义的属性(读取’setContent’)”vuebaidumap的初始化加载在mounted生命周期前,created生命周期后。
2024-03-08 14:19:20 553
原创 【问题+解决】axios/vue/element/echarts引入报错
经过排查就是这种的引入方式失效了,引入当时也是根据官方文档引入的,纳闷了,之前还好好的,怎么突然出问题了;排查发现这种的引入不是正确的,记得之前引入,是cdn,排查发下,它的引入方式是unpgk,进而导致的。方法引入,开始引入,应用都是正常,后来用了也没问题;奇怪的是,前几天发现html页面无法出现效果图。更新线上项目发现,html页面加载慢;页面样式也出现了问题;笔者在html页面引用vue来快速实现页面;大家想用直接复制就行。
2024-01-17 16:28:24 733
原创 【案例】图片预览
如何让图片放大,大多数的UI组件都带有这种功能,今天给大家介绍的这个插件除了放大之外,还可以旋转、移动、翻转、旋转、二次放大(全屏)main.js 中引入。
2023-12-21 17:12:17 911
原创 【echarts】图表清空,重新渲染数据
经过排查返回的数据是没问题的,只能是渲染问题,发现出现这种问题,刷新就好了,不能老是刷浏览器吧,只能重新渲染才可以。点击不同按钮,echarts图型里的数值进行了替换,奇怪的是,有的按钮可以,有的就不行(点击按钮后,获取的数据为空时,图型不会清空,存在显示之前的数据)option &mycharts.option(option, true);笔者在echarts图型中,随着点击不同按钮,echarts图型里的数值随着变化。方法,发现是无效的。
2023-11-24 09:55:49 5408 1
原创 【笔记】常用 js 函数
这里有个细节:当两个对象中含有key相同value不同时,会以 后面对象的key:value为准。注意: Number型,用该方法处理完,会自动变为String。str的下标(索引)是从 0 开始的。补位只适用String类型。替换分为首个替换、全部替换。
2023-09-01 10:30:54 499
原创 NavigationDuplicated: Avoided redundant navigation to current location: “/fristhome/product“.
原因:Uncaught (in promise) navigationduplicate:避免冗余导航到当前位置:“/ frishome /product”。解决方法:找到router/index.js 配置下面。简单来说,就是路由重复性的加载导致路由沉余。
2023-08-25 21:00:00 928
原创 Duplicate keys detected: ‘1‘. This may cause an update error.
因为你在同一个页面有两个for循环,导致索引发生错误,不知道选择那个为中,因此报了这种错,应做一个索引划分。在同一个页面存在两个for循环的话,上面这两种都会出错。首先判断是因为for循环导致的,检查是否出现重复。检测到重复密钥:‘1’。这可能会导致更新错误。解决方法:如下,随便给其中一个加一个字符就好了。笔者是同一个页面两处for循环导致。
2023-08-25 11:00:37 2814 2
原创 【封装常见的函数】获取当前日期/当前日期时间/昨天日期/当前日期的一年前的日期/当前日期的前一个周日期/当前日期的前一个月日期/近12个月的月份数组/时间戳转日期格式/日期相减/桩号处理
【封装常见的函数】获取当前日期/当前日期时间/昨天日期/当前日期的一年前的日期/当前日期的前一个周日期/当前日期的前一个月日期/近12个月的月份数组/时间戳转日期格式/日期相减/桩号处理
2023-06-03 11:16:28 181
原创 【案例】js 获取今天/昨天/近一周/一月/一年的日期,时间戳转日期,
【代码】【案例】js 获取今天/昨天/近一周/一月/一年的日期,时间戳转日期,
2023-04-04 15:17:37 1155 1
原创 【案例】js vue跳转html页面(新、独立的窗口)携带参数并请求后端接口
第一步: 创建好html页面,写入想要的页面布局;回溯到public路径下,对于新的、独立的窗口配置。这里是绝对路径,笔者这里是用vue框架,第二步:跳转html页面,并携带参数;第三步:获取html地址携带的参数。第四步:后端接口请求,正常请求即可。
2023-03-06 10:41:51 3847
原创 【案例】分页符el-pagination
场景:思路一:(想挑战自己的,咱们前端就自己做)思路一:方案思路二:思路二:方案思路二和思路一的解决方案主要区别就在于函数,思路二这个函数就放到后端做了
2022-12-02 14:58:37 362
原创 【案例】前端对接LED设备发送指令
遇到的坑:要求格式是00 00,10进制的125转为16进制结果为7D,结果应该为7D 00,写入指令发送是没有反应的,是错误的,搞了半天发现这里格式须为00 7D,才可以指令发送成功,显示出来,所在代码中的位置。如果能够做到精准,一家一策、一人一策,当然是最好的,但需要通过专业人员评估社区环境、家庭通风下水条件等,确保周围是安全的。思路:需要将输入的内容转为16进制的gb2312编码格式发送给设备才可以,在这里笔者遇到一个坑,后面有详说。需求:前端对接LED显示屏,且可以根据LED指令说明灵活性设置。
2022-11-28 18:30:00 697 3
js filter数组去重
2022-10-18
界面刷新布局发生变化:属于什么问题
2021-08-20
TA创建的收藏夹 TA关注的收藏夹
TA关注的人