lulululuq-CSDN博客

原创 element-ui 修改时间选择器的样式

element-ui 修改时间选择器的样式如上篇文章Vue中scoped属性相关中提到的，一般项目中如果设置了scoped属性，可以通过>>>或者/deep/来修改其他第三方组件的样式。 <el-date-picker v-model="valueTime" type="datetime" placeholder="选择日期时间"> </el-date-picker>但是elementUI的时间选择器el-date

2020-10-27 15:27:17 13722 5

原创 Vue中scoped属性相关

scoped属性相关一般在项目中都会用到<style scoped lang="less">，添加了scoped属性后，Vue会通过PostCSS 给一个组件中所有的 DOM 添加了一个独一无二的动态属性，然后给 CSS 选择器额外添加了一个对应的属性来选择该组件中的 DOM，这种做法使得样式只作用于含有该属性的 DOM ——组件内部 DOM 。<h1 data-v-e43c18bc="" class="title">test</h1>.title[data-v-

2020-10-27 15:05:58 204

原创 canvas clearRect后仍存在之前图像问题

画板clearRect后仍存在之前图像问题最近遇到的一个问题是：利用onmousedown等鼠标按钮执行事件，在canvas画布上画出若干个图形后。要求点击某一个具体图形，能够将该图形从画布上清除，但是其他的图形保留不改变。其他的都没什么问题，但是当点击某个图形进行删除时，利用clearRect()进行画布清空时，发现画布上的图形仍然存在，说明clearRect()并没有将画布清除干净。**经过尝试，发现在clearRect()语句前加上beginPath()语句，就能够顺利的将画布清除干净。关于

2020-10-27 14:13:31 2078 1

原创 Vue echarts4 热力图

直角坐标系下利用geo地理坐标系组件构建的热力图下面图1为echarts官网上的一个实例，简单的利用点坐标进行热力图渲染，略显粗糙，不是很符合项目要求，图2为在echarts gallery上找到的一个热力图实例。...

2020-10-27 10:55:13 3320 1

原创 Vue echarts4 3D曲面图+散点图（数据可视化）

Vue echarts4 3D曲面图（数据可视化）第一步：在Vue项目中安装echarts和echarts-glnpm install echarts --savenpm install echarts-gl --save如果需要安装指定版本或是更新项目中的echarts版本，都可直接在npm命令后加入版本号，例如：npm install echarts@4.1.0 --save npm install echarts-gl@1.1.0 --save 第二步：在main.js或是具体页面

2020-10-26 17:05:40 7841 6

原创 Vue中visibility display v-if v-show比较

display: none给一个元素设置了display: none后，该元素及其后代元素均会被隐藏。且重写后代元素的display属性无效。该元素及其后代元素均不占用原空间，隐藏后的元素无法点击。visibility:hidden给元素设置visibility: hidden后，该元素隐藏。其子元素默认继承父元素visibility属性，但子元素若重写属性，则不受父级影响。该元素隐藏后，仍保持占位。隐藏部分无法点击，可见的子元素可以点击。display: none和visibility

2020-10-13 11:40:28 3965

原创 Vue中echarts加载不出问题

Vue中echarts加载不出问题最近刚接触echarts，做了些基础的图表，也踩了好几个坑。总结一下echarts图加载出不来可能有以下两方面的问题（目前遇到的）：1.没有给charts图设置宽高！2.项目中echarts的id重复如果init图表时，使用document.getElementById的方式获取元素的id，此时charts图的id一定不能重复！跨页面不重复！否则可能会出现charts图不显示的问题！！较好的init方法是，采用ref的方式，而不要用原生的document.getE

2020-10-10 11:27:07 11455 5

原创 Vue中数组push问题

最近在Vue框架中使用数组push遇到两个坑1. 向数组中push后，无法获取到数组中的属性值数组赋值：......res.data.forEach((item,index) => { // res.data中有值 this.bData.push({ ...... video: item.video })})......页面取值：<video :url="bData[0].video"></video>页面中无法获取到bData[0].

2020-10-09 10:54:26 25464

原创 antd dropdown样式调整问题

antd dropdown样式调整问题客户给的设计图中有针对select dropdown的样式要求，包括背景色、字体颜色、选中时颜色等等等。。虽然通过F12中元素选择器确定了dropdown的css，直接在Chrome的DevTools中进行设置也可以产生效果，但是呢，在代码中进行设置后却不生效。。。那我这个前端新手小白就懵逼了呀。。最后！！！请教小姐姐后，发现是项目最外层的总体样式中有针对此进行样式设置，因此覆盖了我新写的css样式。为了不改变总体样式，可在Select选择框中加一个dr

2020-07-24 10:21:41 16007 4

weixin_44080648的博客