![](https://img-blog.csdnimg.cn/20201014180756918.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
vue
淋雪小新
这个作者很懒,什么都没留下…
展开
-
复合型输入框
代码:上来加载选择时加载。原创 2024-01-19 10:37:44 · 430 阅读 · 0 评论 -
Vue无缝滚动
链接:https://chenxuan1993.gitee.io/component-document/index_prod#/component/seamless-default。原创 2023-07-04 09:46:17 · 112 阅读 · 0 评论 -
vue 页面添加水印
【代码】vue 页面添加水印。原创 2023-06-02 08:51:33 · 206 阅读 · 0 评论 -
el-table设置多选框selection选中切换分页之后能够保留之前选中列
【代码】el-table设置多选框selection选中切换分页之后能够保留之前选中列。原创 2023-05-08 14:39:40 · 434 阅读 · 1 评论 -
[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 · 606 阅读 · 0 评论 -
G6流程图
g6流程图原创 2022-11-02 16:11:13 · 264 阅读 · 0 评论 -
vue项目生成二维码
二维码原创 2022-09-16 17:15:52 · 188 阅读 · 0 评论 -
对vue项目js文件打包时进行混淆加密
vue打包文件混淆原创 2022-08-31 14:54:03 · 4977 阅读 · 0 评论 -
后台返回乱文文件流前端下载excel表格并从响应头取出文件名
打印原创 2022-08-31 14:30:49 · 954 阅读 · 0 评论 -
js可以打印出来数据 但是页面不显示可以用浅拷贝Object.assign
浅拷贝原创 2022-08-22 16:47:29 · 710 阅读 · 0 评论 -
element-ui之el-table翻页后仍然记忆所选项
element-ui之el-table翻页后仍然记忆所选项。原创 2022-08-18 13:12:36 · 315 阅读 · 0 评论 -
vue使用elementui表格el-table组件指定某列进行合计
vue使用elementui表格el-table组件指定某列进行合计。原创 2022-08-18 10:14:44 · 436 阅读 · 0 评论 -
Echarts数据可视化toolbox工具框详解
echarts原创 2022-08-17 09:14:05 · 2830 阅读 · 0 评论 -
vue 打印 某块内容成pdf
打印原创 2022-07-28 15:46:00 · 169 阅读 · 0 评论 -
vue通过指令给div盒子添加拖拽功能
拖拽功能原创 2022-07-14 10:03:02 · 556 阅读 · 0 评论 -
根据code合并数组,并将sl值累加
对象数组原创 2022-07-12 09:49:24 · 230 阅读 · 0 评论 -
vue+elementUI组件table实现前端分页功能
vue+elementUI组件table实现前端分页功能原创 2022-07-06 10:09:31 · 545 阅读 · 1 评论 -
微前端element-ui本地调取主题样式
wu原创 2022-06-22 17:16:52 · 245 阅读 · 0 评论 -
electron 打包报错 npm ERR! code ELIFECYCLE npm ERR! errno 1
electron 打包出错原创 2022-06-09 14:04:46 · 3139 阅读 · 2 评论 -
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 · 2237 阅读 · 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 · 176 阅读 · 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 · 1786 阅读 · 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 · 815 阅读 · 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 · 84 阅读 · 0 评论 -
vue2 修改删除数组和对象某个属性的方法
this.set(修改对象或者数组,修改的属性,新值)this.set(修改对象或者数组,修改的属性,新值)this.set(修改对象或者数组,修改的属性,新值)this.delete(删除对象或者数组,删除的属性)数组还可以用splicesplice(索引,修改的个数,新值)Vue.是import Vue from ‘vue’...原创 2022-04-06 11:16:46 · 1873 阅读 · 0 评论 -
el-upload 后台返回图片的URL,如何再次获得选取图片时的file.raw的一整个对象
el-upload 后台返回图片的URL,如何再次获得选取图片时的file.raw的一整个对象原创 2022-02-28 17:20:29 · 2395 阅读 · 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 · 1992 阅读 · 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 · 973 阅读 · 0 评论 -
vue 计算属性compute和watch监听 写法
computed: { menulayout() { return this.$store.state.layout; }, username: { get() { return this.$store.state.username; }, set(newValue) { return newValue; }, }, }, watch: { "$store.state原创 2022-02-16 14:10:57 · 484 阅读 · 0 评论 -
微前端细节
主应用报跨域,子应用接口正常 env.product文件中VUE_APP_BASE_URL不能加端口号 直接在config.js里写 后端通过ngix转发原创 2022-02-16 09:37:51 · 348 阅读 · 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 · 1323 阅读 · 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 · 675 阅读 · 0 评论 -
通过树节点id 获取它的父节点信息(最近一级)
通过树节点id 获取它的父节点信息(最近一级)## 数据最外层是对象时: let newObj = { "code": "2", "level": 0, "children": [{ "sysId": 1, "level": 1, "children": [{ "sysId": 1, "level": 2, "name": "222", "rid": 53, "url": null }, { "sysId": 1, "level": 2, "children": [{ "sysId": 1,原创 2022-01-07 16:54:38 · 610 阅读 · 0 评论 -
Element ui 动态增减表单项
Element ui 动态增减表单项可以参考Element ui 官网注意prop值 <el-form :inline="true" class="demo-form-inline" ref="orRuleForm" :model="orRuleForm" label-width="100px" > <div v-for="(every, index) in orRuleFor原创 2021-12-23 15:23:31 · 1822 阅读 · 1 评论 -
table表格超出高度自动滚动
超出高度滚动<div class="response_action response_action_scroll" @mouseover="mouseOverHandler" @mouseout="mouseoutHandler"> // 内容区 </div> data() { return { activeInterval: null, netCarCurrentScollTop: 0,}}methods: {原创 2021-12-13 17:36:39 · 1708 阅读 · 0 评论 -
定时传多个值(前端分页可参考)
定时传多个值 computed: { showNewRiverList() { return this.newvideoList .slice( (this.currentPageNew - 1) * this.pageSizeNew, this.currentPageNew * this.pageSizeNew ) .join(',') } }, methods: {原创 2021-08-27 09:11:05 · 60 阅读 · 0 评论 -
扁平化数据和树形数据相互转换
扁平化数据转换成树形数据 formatTree(obj) { let copyedObj = JSON.parse(JSON.stringify(obj)) // 深拷贝源数据 return copyedObj.filter(parent => { let findChildren = copyedObj.filter(child => { return parent.precinctId === child.upPrecinc原创 2021-09-08 11:20:26 · 167 阅读 · 0 评论 -
互换扁平树形数据
互换扁平树形数据<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <ti原创 2021-10-09 17:07:49 · 54 阅读 · 0 评论 -
el-tooltip提示框加复制功能
el-tooltip提示框加复制功能(不需插件) <el-tooltip placement="top-start" :open-delay="300" effect="dark"> <div slot="content" style="max-width: 800px; max-height: 160px; overflow:auto;"> <span style="back原创 2021-09-30 09:22:31 · 1526 阅读 · 0 评论 -
国密 sm2,sm3,sm4加解密兼容ie问题
IE浏览器中会出现如下报错:找问题找了许久终于终于找到了。原因是在sm2,sm3,sm4的加密算法中用到了一个叫jsbn这个依赖。然而这个依赖并没有被webpack转化并编译称ES5的语法,大家都到IE的兼容性不怎么好,特别是对新语法的支持程度一直都不好。所有必须针对IE进行处理,借鉴这位博主文章具体处理如下:1、看sm2,sm3,sm4文件中的源码不难发现,每个文件中都有const {BigInteger} = require(‘jsbn’)这一段代码,那么我们需要手动安装jsbn,在命令行执行npm原创 2021-09-27 14:48:19 · 3003 阅读 · 0 评论