![](https://img-blog.csdnimg.cn/20201014180756913.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
前端
淋雪小新
这个作者很懒,什么都没留下…
展开
-
复合型输入框
代码:上来加载选择时加载。原创 2024-01-19 10:37:44 · 426 阅读 · 0 评论 -
Vue无缝滚动
链接:https://chenxuan1993.gitee.io/component-document/index_prod#/component/seamless-default。原创 2023-07-04 09:46:17 · 97 阅读 · 0 评论 -
vue 页面添加水印
【代码】vue 页面添加水印。原创 2023-06-02 08:51:33 · 203 阅读 · 0 评论 -
el-table设置多选框selection选中切换分页之后能够保留之前选中列
【代码】el-table设置多选框selection选中切换分页之后能够保留之前选中列。原创 2023-05-08 14:39:40 · 431 阅读 · 1 评论 -
CSS实现图片与文本的居中对齐的常见方式
CSS实现图片与文本的居中对齐的常见方式原创 2023-02-02 11:16:18 · 7217 阅读 · 0 评论 -
[Vue warn]: Avoid mutating a prop directly since the value will be overwritten whenever the parent c
element ui版本问题原创 2022-11-23 10:56:02 · 605 阅读 · 0 评论 -
G6流程图
g6流程图原创 2022-11-02 16:11:13 · 262 阅读 · 0 评论 -
RSA加解密
rsa加解密原创 2022-10-08 10:03:44 · 178 阅读 · 0 评论 -
解压app.asar文件
解压asar文件原创 2022-09-27 13:23:08 · 3007 阅读 · 0 评论 -
搭建electron环境
electron环境原创 2022-09-26 16:52:27 · 317 阅读 · 0 评论 -
path文件路径
path原创 2022-09-19 13:47:10 · 261 阅读 · 0 评论 -
vue项目生成二维码
二维码原创 2022-09-16 17:15:52 · 186 阅读 · 0 评论 -
对vue项目js文件打包时进行混淆加密
vue打包文件混淆原创 2022-08-31 14:54:03 · 4939 阅读 · 0 评论 -
后台返回乱文文件流前端下载excel表格并从响应头取出文件名
打印原创 2022-08-31 14:30:49 · 951 阅读 · 0 评论 -
element-ui之el-table翻页后仍然记忆所选项
element-ui之el-table翻页后仍然记忆所选项。原创 2022-08-18 13:12:36 · 300 阅读 · 0 评论 -
vue使用elementui表格el-table组件指定某列进行合计
vue使用elementui表格el-table组件指定某列进行合计。原创 2022-08-18 10:14:44 · 418 阅读 · 0 评论 -
Echarts数据可视化toolbox工具框详解
echarts原创 2022-08-17 09:14:05 · 2815 阅读 · 0 评论 -
echarts X轴文字超长的部分三个点显示 但是tooltip显示全称
echarts原创 2022-08-05 14:16:39 · 469 阅读 · 0 评论 -
将同级数据处理成树形数据
树形数据原创 2022-08-01 10:05:22 · 132 阅读 · 0 评论 -
找出相同属性值的对象 累加数量 汇总
找出相同属性值的对象 累加数量 汇总原创 2022-08-01 09:52:47 · 180 阅读 · 0 评论 -
vue 打印 某块内容成pdf
打印原创 2022-07-28 15:46:00 · 150 阅读 · 0 评论 -
vue通过指令给div盒子添加拖拽功能
拖拽功能原创 2022-07-14 10:03:02 · 553 阅读 · 0 评论 -
根据code合并数组,并将sl值累加
对象数组原创 2022-07-12 09:49:24 · 214 阅读 · 0 评论 -
vue+elementUI组件table实现前端分页功能
vue+elementUI组件table实现前端分页功能原创 2022-07-06 10:09:31 · 541 阅读 · 1 评论 -
微前端element-ui本地调取主题样式
wu原创 2022-06-22 17:16:52 · 229 阅读 · 0 评论 -
echarts图表折线图柱状图多个X轴Y轴以及一个Y轴反向
echarts图表折线图柱状图多个X轴Y轴以及一个Y轴反向option1: { color: ['#21E9F6', '#F2CE2E', '#EE2929', '#006DD9', '#1789FF'], tooltip: { trigger: 'axis' }, legend: { data: ['雨量', '水位', '保证水位', '警戒水位', '累计雨量'], sele原创 2022-05-27 15:06:02 · 2230 阅读 · 0 评论 -
弹框缩小关闭与打开
弹框缩小关闭与打开## 1.弹框缩小功能组建封装<template> <div class="SmallDialog" v-show="tagList.length"> <div v-for="(item, index) in tagList" :key="item.name" class="item" @click="openDialog(item, index)"> <span class="iconfont icon-chuangk原创 2022-05-17 10:39:05 · 173 阅读 · 0 评论 -
前端 window.open()打开链接(16:9)(相对于32:9的大屏)
前端 window.open()打开链接(16:9)(相对于32:9的大屏)(打开浏览器) let strWindowFeatures = `width=1920,height=1080,left=${window.outerWidth / 4},menubar=yes,location=yes,resizable=yes,scrollbars=true,status=true` window.open(v.url, 'newWindow', strWindowFeat原创 2022-04-21 10:42:19 · 1763 阅读 · 0 评论 -
vue自定义指令(弹框拖拽和点击图片放大)
vue自定义指令(弹框拖拽和点击图片放大)import Vue from 'vue'let zIndex = 2000// v-dialogDrag: 弹窗拖拽属性Vue.directive('drag', { bind(el, binding, vnode, oldVnode) { const dialogHeaderEl = el.querySelector('.znv-dialog__header') || el.querySelector('.sub-small-title')原创 2022-04-15 17:22:36 · 812 阅读 · 0 评论 -
获取本机ip和端口号
获取本机ipwindow.location.hostname获取端口号location.port获取主机名+端口号location.host示例console.log('ip:'+location.hostname,'端口号:'+location.port,'ip加端口号:'+location.host);原创 2022-04-07 09:05:15 · 1506 阅读 · 0 评论 -
vue2vue3响应式原理
<script type="text/javascript" > //源数据 let person = { name:'张三', age:18 } //模拟Vue2中实现响应式 //#region /* let p = {} Object.defineProperty(p,'name',{ configurable:true, get(){ //有人读取name时调用 return person.name.原创 2022-04-06 11:52:05 · 83 阅读 · 0 评论 -
vue2 修改删除数组和对象某个属性的方法
this.set(修改对象或者数组,修改的属性,新值)this.set(修改对象或者数组,修改的属性,新值)this.set(修改对象或者数组,修改的属性,新值)this.delete(删除对象或者数组,删除的属性)数组还可以用splicesplice(索引,修改的个数,新值)Vue.是import Vue from ‘vue’...原创 2022-04-06 11:16:46 · 1845 阅读 · 0 评论 -
el-upload上传文件
el-upload上传文件 <el-upload accept=".xlsx, .xls" ref="defaultUpload" action="/" :show-file-list="false" :auto-upload="false" :on-change="beforeUpload原创 2022-03-25 16:57:34 · 824 阅读 · 0 评论 -
前端 下载Excel 后端返回的是文件流
downFun() { this.confirmBox("确认下载所选记录?", "提示") .then(() => { exportOrgan({...this.formData,districtCode: this.treeNode.areaCode}).then((res) => { if (res.code != 200) { return this.msgError(res.ms...原创 2022-03-09 17:32:04 · 791 阅读 · 0 评论 -
vue封装请求
request.js文件import axios from "axios";import { Message } from "element-ui";axios.defaults.headers["Content-Type"] = "application/json;charset=utf-8";const service = axios.create({ baseURL: "/" + process.env.VUE_APP_BASE_API,});service.interceptor原创 2022-03-09 17:15:36 · 1620 阅读 · 0 评论 -
el-upload 后台返回图片的URL,如何再次获得选取图片时的file.raw的一整个对象
el-upload 后台返回图片的URL,如何再次获得选取图片时的file.raw的一整个对象原创 2022-02-28 17:20:29 · 2374 阅读 · 1 评论 -
前端根据后台返回url下载文件
前端根据后台返回url下载文件(图片、word、pdf) getFileAndDownload(fileName, url) { var x = new XMLHttpRequest() x.open('GET', url, true) x.responseType = 'blob' x.onload = function(e) { var blob = x.response if ('msSaveOrOpenBlob'原创 2022-02-23 09:52:20 · 1977 阅读 · 0 评论 -
element ui 表格列排序
<el-table :data="tableList" max-height="500" @sort-change="onSortChange" > <el-table-column label="系统编码" prop="sysCode"原创 2022-02-21 11:24:20 · 972 阅读 · 0 评论 -
Elementui el-tree 中英文过滤以及搜索到父子显示子节点,搜索到子节点显示父节点(filter-node-method)
在项目中,会遇到树节点的搜索,中文和英文搜索,以及搜索到父节点匹配的时候同步显示该父节点下所有的子节点,搜索到子节点匹配的时候同步显示该子节点的父节点。话不多说,以下是代码:首先是组件部分:<template><el-popover placement="bottom-start" trigger="click" style="width:100%;" v-model="cdListVisible"> <el-tree :data="cdList" :props="{原创 2022-01-17 11:02:07 · 1314 阅读 · 0 评论 -
树形数据处理 扁平化,根据节点id查找父节点
vue中树形数据扁平化方法在data中定义数组newLis:[] //扁平化树 newList(arr) { arr.forEach((item) => { this.newarr.push(item); item.children && item.children.length > 0 ? this.newList(item.children) : ""; });原创 2022-01-17 09:01:56 · 672 阅读 · 0 评论