Vue全家桶
文章平均质量分 71
以实战为线索,深入Vue开发的各个环节
追寻上飞
进可攻前端,退可守后端,偶尔玩硬件。热爱新技术探索和研究。
全栈软件工程师,2021上半年获得软件设计师职业资格证书。阿里云博客专家。
展开
-
【曲线救国】图层视角自适应哪家强,API中找Bounds,再见吧setFitView
函数,当地图放大层级大时,出现偶尔失效情况,作为精品应用是不允许这种偶然事件发生的。对较为分散的10个坐标点进行自适应,如下图所示,分布较为均匀。的参数传值不对,各种尝试海量点对象的传入,均无效。因此就另辟蹊径,考虑地图的另一个展示范围API。,传入西南和东北的经纬度坐标对象即可。一个点也是用,直接居中显示。使用vue-amap。原创 2024-01-15 18:59:37 · 481 阅读 · 1 评论 -
【丢三落四】解决树形选择框vue-treeselect样式错误问题
项目负责人模块使用树形选择框进行按部门逐级选择,引入该组件后,发现出现了如下的DOM渲染,显然是不正确的。因为整个软件中使用到该组件的地方较多,如果出现该问题,要么解决该问题,要么替换组件。再者,因为该组件出现这种现象只存在于一张页面(称为A)中,另一张页面(称为B)没有出现过,且打开了另一张B页面后,出现问题的页面就不会出现这种问题了。B页面是另一个人员开发。其实,到此,笔者发现了问题所在。只怪一时大意,拿来主义,“拿来”的不到位。原创 2022-10-28 19:45:00 · 2565 阅读 · 5 评论 -
【千方百计】更改绑定的数据对象数值后,DOM重新渲染的4种方法
本篇博客是博主记录在项目开发中遇到的Vue前端界面UI更新问题,界面更新就是对界面元素的更新。下述4中方法均是Vue框架本身提供的更新UI界面的API,按照接口对UI刷新操作后影响的程度进行升级描述。第一原则:既然使用了Vue,应该将作用域中的对象都成为响应式的,更改数据的时候,UI也跟着更新。但是总会遇到UI未更新的情况,因此,需要其它手段来达到UI更新的目的。一般地将这4种方法用于v-model绑定数据更新失效的场景下进行UI重新渲染。原创 2022-10-19 19:42:39 · 4066 阅读 · 0 评论 -
Vue软件服务不可用的分析过程及解决方案
背景在公网Windows服务器上部署了基于Vue的业务平台,突然不能访问?怎么破?解决思路1、Nginx代理问题首要怀疑是Nginx代理问题,查询端口情况如下所示,监听状态均变化为TIME_WAIT,以为找到了解决方案,搜索了该问题后发现不是个问题;2、引用文件不可用问题接着怀疑是js文件不可用问题,在谷歌浏览器开发工具的Network栏下发现Vue路由链接https://unpkg.com/vue-router@4.0.12/dist/vue-router.js不可用,访问返回结果为:将原创 2022-02-10 11:25:46 · 1697 阅读 · 0 评论 -
通过Vue计算属性监听Vuex中状态变量的变化
通过Vue计算属性监听Vuex中状态变量的变化1,引出需求2,旧的解决方案3,新的解决方案1,引出需求当菜单栏的折叠按钮发生变化时,地图的大小跟着变化。折叠按钮在布局组件中,地图组件在布局组件的子组件中,其关系是如下图示。#mermaid-svg-H5gOcdMVGCORDeNz .label{font-family:'trebuchet ms', verdana, arial;font-family:var(--mermaid-font-family);fill:#333;color:#333}#m原创 2021-11-19 11:02:36 · 2497 阅读 · 0 评论 -
Vue组件通过动态绑定对象更新后子组件百度地图视图无刷新的解决方式
Vue子组件通过动态绑定对象更新后子组件视图无刷新的解决方式一、问题描述二、问题分析三、曲线解决问题3.1 添加动态聚合标签3.2 添加数组对象markers3.3 添加对象监听函数一、问题描述组件的层级关系如图所示,期望是点击气象设备组件的解析按钮将文本框的数据解析为气象对象(包含经纬度信息),并将该值传递给地图子组件,地图组件根据其经纬度信息更新位置锚点。数据传递的方式采用对象动态绑定,即将所有的属性值进行向下单向传递。<DisplayMap v-bind:meteorologyVo=原创 2021-11-11 20:28:40 · 1859 阅读 · 1 评论