- 博客(26)
- 收藏
- 关注
原创 el-table多选回显以及避免重复选择问题
注意: :row-key=“getRowKeys” 和 reserve-selection="true"是必须的,设置rowSelectFlag避免重复选择。
2022-10-27 20:14:33
2345
原创 vue根据父组件传值修改内联样式的 值
<div style="{ opacity: `${signInfo.fillingConfig.opacity}`, transform: `rotate(${signInfo.arrayingConfig.iconRotate}deg)`, }"></div>
2021-12-06 13:41:05
660
转载 element 下拉选项框el-select提供拉到底加载下一页数据
element中下拉选项框el-select提供拉到底加载下一页数据1、新增一个自定义指令import Vue from 'vue';/** 自定义指令 */Vue.directive( 'loadmore', // 自定义指令 { bind(el, binding) { // 获取element-ui定义好的scroll盒子 const SELECTWRAP_DOM = el.
2021-12-02 14:58:20
878
原创 el-select的value为item时的选中问题
<el-select v-model="planForm.regionInfo" placeholder="请选择业主单位" clearable value-key="regionId" @change="selectRegion"> <el-option v-for="item in planRegionList" :key="item.regionId" :label="item.regionName" :value="item">{{i.
2021-08-12 11:29:11
1380
6
原创 vue el-upload 手动上传实现
```vue <el-upload v-model="xlsFile" ref="fileUpload" :limit="1" accept=".xls, .xlsx" action="#" :multiple="false" :auto-upload="false" :before-upload="beforeFileUpload" :on-preview="preview" :on-change="fileChange" :h...
2021-07-28 13:51:54
2818
2
转载 火狐浏览器滚动条样式修改 css
纯css设置Firefox火狐浏览器的滚动条样式设置Firefox滚动条样式的css属性只有 scrollbar-color 和 scrollbar-width 这两个。看名字就知道第一个是设置滚动条颜色的,第二个是设置滚动条(竖直方向)宽度,(水平方向)高度的。在Firefox中设置滚动条的样式```typescript<!DOCTYPE html><html lang="zh"><head> <meta charset="UTF-8" /&
2021-07-21 15:15:44
2869
原创 el-table修改指定单元格的样式
template:<el-table v-loading="loading" :data="eventList" ref="table" :show-header="false" :cell-style="cellClass"></table> methods: cellClass({ row, column, rowIndex, columnIndex }) { if (rowIndex == 0 || rowIndex == 1 | ((rowIn
2021-07-09 10:38:51
1093
原创 el-table 单元格显示tooltip提示,并修改样式
<el-table-column v-for="(item, index) in tableLabel" prop="item" :key="index" label="数值"> <template slot-scope="scope"> <el-tooltip placement="right"> <span>{{scope.row.va.
2021-07-09 10:34:07
5412
原创 vue+gaodemap 贴图 圈出区域和信息窗体以及点击事件
// 配置地图的基本显示 let that = this; var layer = new AMap.TileLayer({ titleSize: 120,// 瓦片大小 // getTileUrl: function (x, y, z) { // // var z = zeroPad(...
2021-06-25 13:45:13
320
原创 el-table中radio及其必填性校验
<el-form ref="checkForm" :model="checkForm" label-width="110px"> <el-form-item label="查勘得分" v-show="isUpdate"> <el-rate style="margin-top: 8px" v-model="value" disabled show-score text-color="#ff9900" scor...
2021-06-03 17:31:51
4885
原创 vue baidumap background myLabel使用本地图片
找了半天原因发现应该是分号层级不对 myLabel.setStyle({ cursor: "pointer", background: 'url("'+$_this.pointUrl1+'/map-pointer-e1.png")', });或者 myLabel.setStyle({ cursor: "pointer", bac
2021-05-07 16:23:10
266
原创 平面图拖动标记,计数,保存
<template></template> <div class="plan-bg"> <div class="btns"> <el-col :span="4"> <div> <el-button type="cyan" icon="el-icon-edit" size="medium" @click="hand
2021-03-24 16:03:02
180
原创 css实现水波纹球及放大缩小的动态效果
代码如下 <div class="bruce flex-ct-x"> <div class="ball" :class="[ this.statusFlag? 'ball-warning': '']"> <div class="title"> <span class="num">{{ total }}</span ><br .
2021-01-19 14:53:22
726
原创 纯css实现div背景色从左到右的刷动效果
动画主要靠这个部分实现@keyframes LeftToRight { from { transform: scaleX(0); } to { transform: scaleX(1); }}//使用{ animation: LeftToRight 3s infinite;}具体代码如下 <div class="text"> <p>设备接入</p> <div.
2021-01-19 14:36:08
2798
原创 echarts gl 3D图
目前安装echarts-gl版本2.0.0的话需要对应echarts版本5.0.0,echarts版本5.0.0里不带map文件夹。如果echarts版本较低 最好使用echarts-gl的1.0.0版本。因为echarts-gl版本2.0.0里会有一些引用是echarts版本较低的没有的。以上,在解决install报错时,如果不方便升级现有包的版本,就需要尝试降低即将安装的包的版本可以先清一下缓存npm cache clean --force然后npm install node包名字@版本 -
2021-01-18 18:04:26
1310
原创 vue+echarts 圆角环形图
不知道为啥我这里圆角不好使,贴一下代码吧<template> <div class="online-rate"> <el-header> <div class="header-title"> <div id="rectangle"></div> 隐患 </div> </el-header> <div class="cha.
2021-01-18 10:16:54
2020
原创 真正解决echarts的X轴标签过多挤在一起
除了让标签rotate之外,还可以通过dataZoom的startvalue和endvalue实现,前提是我设置了滚动展示,不然数据展示不全 { id: "dataZoomX", xAxisIndex: [0], type: "slider", //slider表示有滑动块的,inside表示内置的 show: false, startValue: 0, // 从头开始
2021-01-15 18:34:43
5261
原创 vue+echarts定时重新绘制以达到刷新的动效
主要注意在setOption() 之前要调用clear() 方法以下为代码 // 重绘饼图 resetPieChartData() { clearInterval(this.timeRePie); this.timeRePie = setInterval(() => { // debugger; if (!this.pieChart) { return; } // 不先清空chart
2021-01-15 10:29:16
1535
原创 vue+echarts 实现进度条式柱状图 根据不同的数值展示不同的颜色并实现滚动
实现效果:注意:实际数据要通过一些操作才能展示到最右边详见代码<template> <div style="width: 100%; height: 86%"> <div class="legend-top"> <div><span class="danger"></span>危险4家</div> <div><span class="pass"></sp
2021-01-12 16:50:47
1891
原创 angular指令操作dom节点修改样式属性等
在父节点不能直接取得时,通过确定的孙孙子节点不断查找父节点来改变一些样式<a appChangeZIndex>加入指令的节点</a>//以下为指令里的代码:import { Directive, ElementRef, HostListener, Renderer2 } from '@angular/core';@Directive({ selector: '[appChangeZIndex]'})export class ChangeZIndexDirective
2020-12-08 19:19:55
1386
原创 form表单相关使用以及下拉框
参考:https://www.cnblogs.com/dennis0525/p/7631301.htmlangular中一般控件会有change事件,但是如果某些控件没有这个事件 我们如何监听值的变化呢?对于双向绑定的值,当值改变后监听事件有如下写法:1. 如果是ngModel可以用ngModelChange事件。2.如果是formcontrol2.1 订阅整个form表单可以如下:ngOnInit(){ this.form.valueChanges.subscribe((value)
2020-11-27 17:01:14
1879
原创 提示框样式,鼠标放上显示提示内容
<span class="tool-tips"> <span class="tool-tips-text">提示内容</span></span>// 提示框.tool-tips { background: url('../../../../../assets/media/app/img/icons/icon_tips@2x.png') no-repeat; background-size: contain;}.tool-.
2020-11-19 16:13:54
1014
3
原创 json-server安装使用
主要参考这篇文章:https://blog.youkuaiyun.com/lhjuejiang/article/details/81475993?utm_medium=distribute.pc_relevant.none-task-blog-BlogCommendFromMachineLearnPai2-1.nonecase&depth_1-utm_source=distribute.pc_relevant.none-task-blog-BlogCommendFromMachineLearnPai2-1.n
2020-05-27 14:55:22
224
1
原创 mkdocs中使用material主题
首先安装python3.5,配置好环境变量我d python3.5用的是python.exe,2.7用的是python2.exe其次安装materialpip install mkdocs mkdocs-material若下载慢,可更换安装源为豆瓣pip install --trusted-host pypi.douban.com -i http://pypi.douban.com/simple/ mkdocs mkdocs-material新建项目mkdocs new my-pro
2020-05-15 20:27:00
1498
原创 angular导入第三方插件js时提示提示具有隐式的any类型
1. 在node_modules中放入这个第三方的包,比如‘file-svaver’,一定要把声明文件filesaver.d.ts(与js同名的.d.ts)导入进来。一般是统一放到@types文件夹下的2.在package.json中引入一下:“dependencies”:{ “file-saver”: “版本号”,},devDependencies:{ “@types/file-saver”: “版本号”,}3.在组件中使用:import { saveAs } from ‘file-sav
2020-05-14 11:13:50
1542
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人