- 博客(16)
- 收藏
- 关注
原创 superMap leaflet地图加载中心点偏移,不在容器正中心
直接使用leaflet自带的方法invalidateSize()对地图进行重新定位(参考容器位置)加载。说明:使用当前操作必须在地图加载函数执行完成之后,此处使用定时器也是确保地图加载完成。在容器中加载leaflet地图后,出现设置的地图中心点不在容器中心位置,向其他地方发生偏移。排查布局和样式,排除是页面布局和样式的影响,就只能是地图加载时内部的问题。
2024-07-16 10:53:36
90
原创 angular 中引入cesium依赖部署到线上之后css静态资源重复两次不同路径请求,请求结果也不同。
后续重新在其他vue项目中部署,发现并没有出现同样的问题,经过比对angular和vue对静态资源引入方式发现,在vue中静态资源是放到与src同级的public文件夹中,在进行打包编译的时候public文件夹不会被编译,而是直接copy到打包后的文件夹中。3.出现当前问题以为是在其他地方重复错误的引入cesium依赖包,进过检查后发现cesium.js只引入一次,并且将index.html中的widgets.css注释,不引入以后并没有这个问题出现,因此猜测就是angular静态资源引入的问题。
2024-07-16 10:39:15
291
原创 element-plus table表格数据下载
5.在下载功能函数中添加下载操作(复杂表格--带多选框和操作列):下载表格移除多选框,操作列。1.安装插件xlsx和file-saver。4.在下载功能函数中添加下载操作(简单表格)2.在需要使用表格下载功能的组件中引入。3.给el-table组件设置ID。
2024-06-27 10:28:05
218
原创 arcgis for js vue3+vite中绘制图片部署服务器后显示失败问题
我采用官方介绍的第一种import的方式,将图片引入后本地和服务器都能够正常显示。部署到服务器上无论图片地址的相对地址还是绝对地址都不能正常显示。本地运行采用绝对地址引入图片,地图可以正常绘制出图片。2.单独放到public文件下,在进行引入。1.将资源以import的方式引入。注:所有图片资源我都是放到assets文件夹中。通过查阅vite关于静态资源引入方式的介绍。
2024-06-27 10:02:04
190
原创 element-plus el-date-picker daterange类型点击提交表单校验不触发问题。
在项目中需要在表单中多次使用daterange类型的时间选择组件,但是在提交表单数据的时候,时间组件内容为空并没有触发校验规则。前提:表单校验:model,:prop,v-model都是正确书写,input,select,类型为date的时间选择框表单校验都能正常触发。1.设置需要校验数据的类型,因为daterange类型时间返回值是数组因此校验规则里面添加了type:array进行限制。分别去校验数组中不同值是否符合要求。2.校验失败写法中使用默认的校验方式,此处需要针对数组自定义校验函数。
2024-05-16 11:10:52
328
原创 vue 使用onlyoffice动态传输数据,文档没有重新加载问题
问题:在使用onlyoffice时,将onlyoffice封装成单独的组件,通过props穿值config到组件,父组件内动态改变config中的url等数据,子组件通过watch拿到新的数据,但是并没有创建新的DocsAPI.DocEditor对象。解决:使用destroyEditor 方法先销毁之前创建的对象再重新创建新的对象。
2024-04-28 09:26:24
373
4
原创 本地vite项目路由使用createWebHistory刷新出现404
/设置绝对路径,配合vite.configz中的base找到对应页面资源。
2024-04-17 17:30:53
605
原创 vite项目部署到内网不使用外网cdn.
补充:vue-demi用于vue2,vue3在使用pinia时兼容两者的写法,如果过程中出现vue-demi is undefiend则需要引入该依赖包。解决:经过分析vite.config.ts中的配置,发现了其中配置问题,到时项目中的vue依赖包在项目打包的时候后不会打包进入依赖中,导致项目部署之后找不到vue。分析:因为需要在内网上部署项目因此不能通过访问外网cdn资源的方式引入vue以及其他的依赖包。vue打包方式存在问题,导致部署到服务器上之后,找不到vue依赖包。
2024-04-17 17:25:11
417
原创 Xshell打包vite项目报错error Command failed with signal “SIGKILL“.
问题:安装过程出现服务器断开连接后node版本又回退到14低版本,导致一直打包失败。解决问题:最开始服务器安装node版本为14版本,升级到16.20.2版本即可。解决:nvm alias default v16.20.2。分析问题:初步判断,服务器上安装的node版本不合适。
2024-04-17 16:51:36
224
原创 element-plus重写排序,多选问题
3.排查重写的排序函数@sort-change="sortChange"中发现:排序函数中只重写了ascending,descending状态,当排序状态为null时没有恢复原始数据。const handleSelectAllChange = (selection: Array<any>) => {} 打印selection数据在排序方式为null的时候返回一个空对象,导致页面全选状态丢失。问题:在重写排序,多选,选中全部数据再切换排序方式为null时全选状态消失,不为null时全选状态不会掉。
2023-12-25 17:45:55
479
原创 前端element-plus表格分页
3.全选通过toggleRowSelection,toggleAllSelection,clearSelection完成全选,清楚全选,选中某条数据操作。1.筛选:添加@filter-change="handleFilterChange"方法。2.排序 @sort-change="sortChange"tableShowData:存储当前页需要展示的数据。transferData:存储筛选操作之后的数据。tableData:存储所有表格数据。3.添加表格可能用到的筛选,排序,多选等功能。
2023-12-25 15:22:28
1064
原创 toggleRowSelection
element-plus table toggleRowSelection传值。selected:勾选(true)或不勾选(false)
2023-12-25 14:33:56
401
原创 angular加载Cesium地图,组件中获取不到Cesium对象
3.在ts文件加载下面这段代码引入Cesium对象,在当前组件中就可以找到Cesium对象了。或者在项目angular.json中引入,将Cesium相关替换成自己项目中对应的地址。1.在index.html项目入口文件中直接引入。2.在项目创建绘制地图的组件。
2023-07-27 14:18:16
222
1
原创 SuperMap iserver上传天地图地形数据并通过SuperMap for Cesium加载
进入点击链接后的页面,点击datas,再点击生产缓存文件的文件名,顶部URL地址就是我们代码中需要的iServer上发布的地形数据url地址。5.下载完成解压得到.tif格式文件,我们所需要的地形数据就下载完成。22.预览发布之后的数据:点击生产的链接,点击Scene,点击webGL3D进行预览。18.点击上传数据,将生成的换成文件夹打包后上传。13.选择地形切片,文件保存名,地址然后点击确认。),点击下载,进入资源选择界面,选中桌面端软件,下载软件并安装。19.上传完成,自动解析,点击.sct文件。
2023-07-17 11:15:04
1347
3
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人