自定义博客皮肤VIP专享

*博客头图：

点击选择上传的图片

格式为PNG、JPG，宽度*高度大于1920*100像素，不超过2MB，主视觉建议放在右侧，请参照线上博客头图

请上传大于1920*100像素的图片！

博客底图：

点击选择上传的图片

图片格式为PNG、JPG，不超过1MB，可上下左右平铺至整个背景

栏目图：

点击选择上传的图片

图片格式为PNG、JPG，图片宽度*高度为300*38像素，不超过0.5MB

主标题颜色：

RGB颜色，例如：#AFAFAF

Hover：

RGB颜色，例如：#AFAFAF

副标题颜色：

RGB颜色，例如：#AFAFAF

预览取消提交

自定义博客皮肤

-+

上一步保存

LeeNN的博客

一个前端小菜鸡

原创解决Echarts+el-tab-pane，获取不到DOM宽高，导致echarts无法加载的问题

项目场景：在el-tabs的el-tab-pane中加载echarts图图表，会出现警告并且无法正常加载图表。

2023-08-17 14:52:09 323

原创修改ElementUI默认样式最直接有效的方法

项目场景：做项目的过程在难免会遇到要修改ElementUI的默认样式解决方案：方式一：全局修改写一个单独的CSS文件，里面直接用element自带得类名进行样式修改（部分需要添加 !important）。这种方法会将整个项目用到的该组件样式全部修改了。一般用来放公共样式，如表格、弹框、表单会用到。![弹框](https://img-blog.csdnimg.cn/20201208140211588.png?x-oss-process=image/watermark,type_ZmFuZ3

2020-12-08 14:21:30 4629

原创 ElementUI Slider组件实时获取滑动value值

一、需求：某项目需要通过Slider滑块的值来实时改变汽车模型的速度说白了就是滑块拖到哪，模型速度就加到多少，但必须是随拖随动（这可以参考播放器的音量调节，拖动的时候就改变音量，而不需要拖动后松开鼠标左键才能调整）二、我们先看看官方文档给的一个获取slider滑动后value值的方法@change方法写上，文档也说明了使用鼠标拖曳时，只在松开鼠标后触发。所以我每次滑动滑块并不能即时改...

2020-03-18 17:03:18 8271 4

空空如也

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

我们一直忘了就好 CSDN认证博客专家 CSDN认证企业博客

码龄5年

IP 属地：江苏省

IP属地以运营商信息为准，境内显示到省（区、市），境外显示到国家（地区）

3: 原创

113万+: 周排名

25万+: 总排名

1万+: 访问

: 等级

202: 积分

2: 粉丝

8: 获赞

4: 评论

30: 收藏

私信

关注

热门文章

分类专栏

ElementUI 2篇

最新评论

ElementUI Slider组件实时获取滑动value值
꧁꫞꯭伟꯭伟꯭꫞꧂: 由于:format-tooltip 不能传值，无法判断选择的是哪一个属性，所以方法行不通
ElementUI Slider组件实时获取滑动value值
꧁꫞꯭伟꯭伟꯭꫞꧂: [code=javascript] data() { return { drawer: true, // 右侧抽屉 visible: false, // 点击显示地图复选 checked2: "", source: [ {id: 0, checked: false, opacity: 100, name: '区划', image: require('@/assets/img/quhua.jpg'), value: 'google_raster_source'}, {id: 1, checked: false, opacity: 100, name: '影像', image: require('@/assets/img/yingxiang.jpg'), value: 'google_raster_label_source'}, {id: 2, checked: false, opacity: 100, name: '地形', image: require('@/assets/img/dixing.jpg'), value: 'google_vector_source'}, {id: 3, checked: false, opacity: 100, name: '关闭底图', image: require('@/assets/img/close-layer.jpg'), value: 'google_terrain_source'}, ], }; }, [/code]
ElementUI Slider组件实时获取滑动value值
꧁꫞꯭伟꯭伟꯭꫞꧂: [code=javascript] watch: { source: { handler(newV, oldV){ let layers = this.map.getLayers().getArray(); // 获取图层组 layers.forEach(i => { // 遍历图层 newV.forEach(v => { // 遍历最新的值 oldV.forEach(j => { //遍历老值 if (i.get('id') === v.value ) { //判断图层是否满足条件 if (v.opacity !== j.opacity ) { // 判断新opacity 和旧的 opacity 不相等则表示找到 i.setOpacity(parseFloat(v.opacity / 100)); // 给图层设置透明度 } } }) }) }) }, deep: true // 开启深度监听 } }, [/code]
ElementUI Slider组件实时获取滑动value值
lixingyang-lxy: 如何让滑块遍历，绑定的值如何动态变化

最新文章

提示

确定要删除当前文章？

取消删除