echarts实现透明3D地图 自定义tooltip悬浮框
2024-01-27使用echart-gl实现透明质感的大屏3D地图,可以交互,悬浮框的样式自定义_echarts 3d地图
uniapp 微信小程序端使用echarts
2024-01-27注意:如果你想换echarts的js包(我们项目出现的问题是 我直接下在插件库的echarts.js 3000kb 但是微信小程序分包这个文件都比较大)可以选择echarts的官网去定制下载。代码直接copy 就是echarts的dome(注意这里面的echarts.min(4)是我自己定制的包 如果直接copy 需要换成你们对应的js文件)但是注意的是要下载版本为 5.2.2(别问为什么 我下载了最新版本报错了)我使用的是 插件库中的 echarts-for-wx。实测dome直接copy可以使用。_uni-ec-canvas
vue3的vue-chart组件封装(包含数据刷新按需使用)
2024-01-27vue3的vue-chart组件封装,支持数据动态更新,按需引入,渐变参考,干货满满,赶紧上车!_v-charts vue3
vue中el-tree的懒加载
2024-01-27load方法会在展开一个父节点时触发,它的参数包含了父节点的数据和一个回调函数。为了改为懒加载的方式,后台数据加载也分成了3步,先加载一级分类,再加载目录,最后加载文件。我这里的树,采用了load方法和node-click2个方法,要达到的效果就是点击一下,才展开下一级的节点,这样懒懒的加载,避免一次加载数据量过多而影响体验。懒加载是指在Vue组件渲染的过程中,只加载当前可见的部分数据,而不是一次性加载整个数据。后台的数据格式也是完整的树的加载。这里有三级节点,分别是一级分类节点,目录节点,文件节点。_el-tree的懒加载模式
Vue3 | Element Plus表单重置以及resetFields不生效
2024-01-27根据element plus提供表单重置方法1.首先el-from绑定一个ref值。2.其次el-form-item需要绑定prop属性如果不设置prop属性,表单提供的重置方法是不生效的,所以表单中需要加入prop属性3.定义表单的ref4.深层次查找你的ref绑定值找到resetFields方法5.放你的方法中使用ref里找到的方法_vue3重置表单数据
vue中如何刷新子组件,重新加载子组件
2024-01-27三种方法:1.使用 Props 传递数据 2.使用$refs引用子组件 3.给子组件添加key值1. 使用 Props 传递数据:在父组件中通过修改 props 的值,传递新的数据给子组件,从而触发子组件的更新。在父组件中使用ref为子组件创建引用,然后通过引用直接调用子组件的方法或访问其数据key值变化之后,会自动重新渲染组件,vue中的key的作用主要是为了高效的更新dom, 它也可以用于强制替换元素/组件而不是重复使用它,完成的触发组件的生命周期钩子,触发过渡_vue子组件重新加载
vue3 vite pinia 配置动态路由、解决刷新页面路由消失问题
2024-01-271,需要在静态路由的基础上用vue路由上面的addRoute()方法来动态添加路由,最后生成我们需要的路由。上面只是在登陆时候添加了路由,点击刷新页面后会消失,需要在main.js中配置一下。2,封装添加路由的方法,在刷新页面时重新生成路由。_通过addroute动态路由页面刷新后路由丢失
【Vue2 3入门到实战】(14)路由入门之单页应用程序、路由 、 VueRouter的基本使用 详细示例
2024-01-27单页应用程序:SPA【Single Page Application】是指所有的功能都在一个html页面上实现1.什么是单页面应用程序?2.单页面应用优缺点?3.单页应用场景?单页面应用程序,之所以开发效率高,性能好,用户体验好页面按需更新比如当点击【发现音乐】和【关注】时,只是更新下面部分内容,对于头部是不更新的访问路径和组件的对应关系!访问路径 和 组件的对应关系如何确定呢?路由生活中的路由:设备和ip的映射关系路径和组件的映射关系什么是路由Vue中的路由是什么。
【Vue】使用 onMounted 确保在组件挂载后执行异步操作
2024-01-27在该钩子函数中执行异步操作可以保证组件已经完全渲染,并且 DOM 元素已经存在,从而避免在组件还未挂载或尚未完全初始化时执行异步操作导致的问题。如果在这个阶段执行异步操作,可能无法获取到正确的 DOM 元素或执行预期的操作。钩子函数中,可以确保在组件已经挂载到 DOM 后执行异步操作,保证了组件已经完全初始化,并且相关的 DOM 元素和数据可用。如果在这个阶段执行异步操作,可能无法正确地获取或处理依赖项的数据。在上面的代码中,使用了 Vue 3 的 Composition API 中的。_vue onmounted
WEBGIS开发1-地图资源部署及加载
2024-01-27基于Cesium的Mars3D进行三维地图的加载及相关功能的实现_/pland_sc/info_serv/3d_models/download.htm