Vue中使用refs是一个官方推荐的方式来直接访问DOM元素或子组件实例。它们通常用于以下情况:
当需要直接操作DOM时,比如聚焦一个输入框或者测量元素的尺寸和位置。
当需要调用子组件的方法或访问子组件的数据时。
然而,refs应该谨慎使用,因为它们破坏了Vue的响应式和声明...
yekong
9个月前 (02-28)
喜欢
数据可视化大屏项目 中需要实现一个效果,点击按钮都会显示一个弹窗可以重复显示,并且每个弹窗都可以拖拽移动位置。
动态效果
运行效果
vue多弹窗并可拖拽
实例代码下载
代码运行环境vue3 vite js nodejs 16
vue3框架vue2写法
...
yekong
9个月前 (02-28)
喜欢
Cesium 是一款面向三维地球和地图的 JavaScript 开源产品,它提供了基于 JavaScript 语言的开发包,使用户能够快速搭建一款无需插件的虚拟地球 Web 应用。Cesium 与 GIS(地理信息系统)的关系在于,Cesium 可以用于 GIS 的三维可视化,它...
yekong
9个月前 (02-27)
喜欢
数据可视化项目开发中,我们需要实现一些效果,今天要实现的是div可拖动可拉伸并缓存div的位置和大小。
鼠标放在div上按下左键可以拖动div,鼠标放在右下角可以拖动拉伸div的宽和高。
修改后数据缓存到本地,刷新页面后,重新从缓存中读取div的位置和宽和高。
动态效果
演示...
yekong
9个月前 (02-26)
喜欢
vue项目开发中,出现在使用v-if的时候报错了
TypeError: Cannot read properties of undefined (reading 'show')
<div class="item" v-for="(item,...
yekong
9个月前 (02-26)
喜欢
在Vue项目中,是否可以使用import或require来加载模块,主要取决于项目的构建系统(如Webpack)以及其配置。
使用import的情况:
ES6模块语法:import是ES6(ECMAScript 2015)的模块导入语法,它允许你在文件顶部静态地导入模块。这种...
yekong
9个月前 (02-26)
喜欢
vue项目js引入图片报错
for (let i = 0; i <= that.fileLength; i++) {
const image = await import(`./topbg/topbg_${i}.png`);
sources.push(image.d...
yekong
9个月前 (02-26)
喜欢
在Cesium中添加日光照射效果,可以通过启用场景的光照模式来实现,这样可以让模型和地形根据太阳位置产生相应的阴影效果。以下是基本的步骤和代码示例:
启用光照模式
首先,需要在创建Viewer对象时或之后启用场景的光照模式:
var viewer = new Cesium.Vi...
yekong
9个月前 (02-25)
喜欢
在Cesium中将时间轴显示为北京时间,可以通过调整Cesium的场景时钟(Clock)对象来实现。北京时间是UTC+8,因此需要将Cesium的时间加上8小时。可以使用JulianDate.addHours()方法来调整时间。以下是一个基本的示例代码,展示如何将Cesium时...
yekong
9个月前 (02-25)
喜欢
vue3 vite js 项目开发中,在使用cesium时,我们需要vite-plugin-cesium插件来辅助,在项目打包后,如果是相对地址的话没有什么问题,如果base设置了地址后,那么打包出来的页面路径会出现。
vite-plugin-cesium介绍
vue3 vite...
yekong
9个月前 (02-24)
喜欢