![](https://img-blog.csdnimg.cn/20201014180756927.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
功能
铁血猪刚鬣
前端工程师
展开
-
vue引入海康播放实时监控(包含遮挡裁剪,销毁窗口方法,设置初始化窗口数)
vue引入海康播放实时监控(包含遮挡裁剪,销毁窗口方法,设置初始化窗口数)原创 2022-10-28 10:16:11 · 6503 阅读 · 1 评论 -
echarts设置折线图圆滑渐变(自定义颜色,超出数量后随机设置颜色)
echarts设置折线图圆滑渐变(自定义颜色,超出数量后随机设置颜色)原创 2022-06-29 17:12:47 · 2167 阅读 · 2 评论 -
使用VideoPlayer播放mp4(隐藏控件,点击全屏,窗口自适应父级)
1.npm2.main.js引入3.页面使用wacth监听methodcss设置自适应父级原创 2022-06-29 17:03:58 · 2138 阅读 · 0 评论 -
按钮实现模块左右滑动
实现效果html代码 <div style="display:flex;width:100%;height:calc(100% - 28px)"> <div ref="scrollOuterA" id="scrollOuterA" class="overflowBox scroll-box" @mouseS原创 2022-05-26 10:28:57 · 287 阅读 · 0 评论 -
echarts饼图显示引导线,图例过多翻页
实现效果父组件 <echartsPie echartsNo="two" :echartsPieData="echartsPieRecorder" />子组件<template> <div :id="'mainPie' + echartsNo" class="mainPie"></div></template><script>原创 2022-05-19 16:10:15 · 1326 阅读 · 0 评论 -
echarts3d柱状图贴图带箭头带阴影
实现效果父组件 <echartsColumnar :carVioDistribution="carVioDistribution" echartsType="carVio" ></echartsColumnar>子组件<template> <div class="app_rank"> <div :id="'ech原创 2022-05-19 15:06:21 · 840 阅读 · 0 评论 -
日期组件限制时间范围
1.日期组件限制不可选当前时间之后的日期 <el-date-picker v-model="value1" :picker-options="pickerBeginDateBefore" :clearable="false" type="date" placeholder="选择日期" value-for原创 2022-05-19 14:54:28 · 660 阅读 · 0 评论 -
自定义组件可展开收缩的选择器过滤
实现效果 1652928347422 父组件代码//引用组件 getList查询事件 <select-filter :selectForm="selectForm" :selectMoreForm="selectMoreForm" :getList="getList" ></select-filter原创 2022-05-19 11:16:37 · 129 阅读 · 0 评论 -
级联选择器可选择父级
<el-cascader v-model="formData.orgId" ref="orgTree" popper-class="cascaderBox" :style="{ width: '100%' }" :options="orgOptions" :props="{ ...原创 2022-04-08 13:50:43 · 727 阅读 · 0 评论 -
基于ele引入全局深色样式scss
1.main.js引入import './assets/theme/dark/styls.scss'跑项目问题------this relative module was not found解决2.安装scss-loadernpm install node-sass --save-dev //安装node-sass npm install sass-loader --save-dev //安装sass-loader npm install style-loader --save-dev //原创 2022-04-08 11:07:20 · 119 阅读 · 0 评论 -
表格可添加行可删除行可编辑
父组件调用import addTable from “@/views/materialManagement/components/在这里插入代码片addTable”; <addTable style="max-height: 350px; overflow: auto" :tableData="formData.field113" :handleCellClick="handleCellClick".原创 2022-04-08 11:04:50 · 173 阅读 · 0 评论 -
vue的computed复杂计算if语句
vue的computed复杂计算if语句计算数组对象某属性和this.addConfigObj.addConfigData.reduce((c, item) =>c +item.costEquipmentRental +item.costComposite,0)vue的computed复杂计算 totalPrice() { if (this.formButton.type === "0") { return ( (parseInt(t原创 2022-03-10 15:14:08 · 2351 阅读 · 0 评论 -
线性树,加结构线
安装与使用# npmnpm install element-tree-line -S# yarnyarn add element-tree-line -S完整使用<template> <div class="app-main-content"> <div class="treeLineBox"> <el-tree class="tree" :data="treeData"原创 2022-03-03 15:06:56 · 300 阅读 · 0 评论 -
FormData()同时上传文件和对象post请求
const form = new FormData();//上传图片 if (this.ruleForm.fileList.length) { for (let i = 0; i < this.ruleForm.fileList.length; i++) { if (this.ruleForm.fileList[i].raw) { form.append("file", this.ruleF...原创 2022-03-03 14:56:37 · 860 阅读 · 0 评论 -
自定义组件树级组件与输入框过滤对应点亮,自定义父级可点不可点,修改树节点高亮样式
项目场景:自定义组件树级组件与输入框过滤对应点亮,自定义父级可点不可点,且点亮样式为蓝色组件引用://父级可点选parent-true <treeFilterBox ref="mychild" :default-props="defaultProps" :tree-data="treeData" :current-spot="currentSpot" :tree原创 2022-03-03 14:45:05 · 339 阅读 · 0 评论 -
获取树节点的父属性拼接字段
项目场景:拼接点击的树节点的所有父节点的name属性# 代码片段: handleNodeClick(data, node, value) { this.getTreeNode(this.$refs.treeList.getNode(data.nodeId), ""); },//获取父属性并拼接 getTreeNode(node, xx) { if (node.parent.data.nodeName) { xx = no原创 2022-03-03 11:30:25 · 466 阅读 · 0 评论 -
找父组件属性方法
代码如下(示例): familyExpandTree(arr1, id) { var temp = []; var forFn = function (arr, id) { for (var i = 0; i < arr.length; i++) { var item = arr[i]; if (item.id === id) { temp.push(item); forF原创 2021-11-09 15:32:09 · 398 阅读 · 0 评论 -
输入框与多选树级选择器联动可搜索
功能:做一个输入框可以和多级树选择器联动且可以过滤搜索的效果效果预览:代码:提示:这里描述项目中遇到的问题:例如:数据传输过程中数据不时出现丢失的情况,偶尔会丢失一部分数据APP 中接收数据代码:<div class="fliterBox"> <span class="demonstration">抓拍点:</span> <el-popover placement="bottom原创 2021-10-21 14:28:23 · 372 阅读 · 0 评论 -
ele组件上传图片--图片更换功能
ele组件上传图片–图片更换功能:要写一个图片上传之后可以更换删除的功能。例如:QQ头像上传效果预览:代码:提示:这里描述项目中遇到的问题:例如:数据传输过程中数据不时出现丢失的情况,偶尔会丢失一部分数据APP 中接收数据代码:<el-upload action="#" list-type="picture-card" class="imgBox" :auto-upload="false" :file-原创 2021-10-21 10:40:34 · 968 阅读 · 0 评论