随笔分类 - WEB - Vue
摘要：场景： 页面A打开了 dialog， 然后点击 页面A dialog 的按钮 跳转到 页面B，并且打开页面B的 dialog 但是页面B的 dialog 关闭后，蒙遮层并没消失（已经设置了 :append-to-body="true"） 最后发现：页面B的 dialog 蒙遮层用的是 页面A的 解决
阅读全文
摘要：背景 vue 2.6.10 报错：Blocked aria-hidden on an element because its descendant retained focus. The focus must not be hidden from assistive technology users
阅读全文
摘要：背景： 有一个tab切换，每一个tab下都有一个 下拉框，只是一个是多选一个是单选，问题是当切换tab标签的时候，下拉框的样式不会被清空。 解决方案： 只需要在 el-select 上加一个 key 就可以完美解决。我想了一下，出现这个问题的原因就是组件没有重新渲染，加上 key 可以定位渲染，仅此
阅读全文
摘要：在vue-elementui中使用el-table，当type="selection"的时候，分页数据进行不同页跳转选择 需要这种功能的时候我们需要在el-table的标签上为每个el-table-column都创建一个id；所以就用到 了row-key="id"这个属性；然后我们就需要在el-ta
阅读全文
摘要：import QRCode from 'qrcode'; QRCode.toDataURL(res.data.qrcodeUrl, { margin: 2, type: 'image/jpeg', quality: 0.3 }, (error, url) => { if (error) consol
阅读全文
摘要：方法一: cloneDeep import { cloneDeep } from 'lodash-es' // 直接使用 const items = cloneDeep(multipleSelection) 方法二： 通过JSON.parse(JSON.stringify(obj)) 优缺点 满足
阅读全文
摘要：<el-upload class="upload-demo" :action="''" :show-file-list="false" :auto-upload="false" :before-upload="beforeUpload" :on-success="handleSuccess" :on
阅读全文
摘要：before-upload data(){ return { ... //判断是否需要做文件检查 checkFileFormat:false } }, beforeUpload(rawFile) { this.loading = true; ... 检查文件格式 检查文件大小 ... if (thi
阅读全文
摘要：1 formatTreeData(checkNodes){ 2 var map = {}, 3 targetData = []; 4 checkNodes.forEach(item => { 5 if (!map[item.groupKey]) { 6 targetData.push({ 7 val
阅读全文
摘要：今天用vue3配置嵌套路由时，发现刷新页面后，页面变为空白，打开控制台发现报错： Uncaught SyntaxError: Unexpected token '<' 解决方法： 修改vue.config.js文件： publicPath:"/", 注意不是： 登录后复制 publicPath:".
阅读全文
摘要：error:0308010C:digital envelope routines::unsupported 出现这个错误是因为 node.js V17版本中最近发布的OpenSSL3.0, 而OpenSSL3.0对允许算法和密钥大小增加了严格的限制，可能会对生态系统造成一些影响. 在node.js
阅读全文
摘要：错误问题 Vue:xhr.upload.addEventListener is not a function 这个问题是因为mockjs改动了axios里面XMLHttpRequest对象致使的 根据axios源码 l是一个XMLHttpRequest对象 mockJs把l变量从XMLHttpReq
阅读全文
摘要：其中article.vue和topGroup.vue这两个文件在模块unitTest和wrongBook上出现加载冲突 其中一个文件先加载topGroup.vue文件其中一个文件先加载article.vue文件，将两个文件加载顺序统一一下就可以了 然后再运行下npm run serve 转载于：ht
阅读全文
摘要：输入一个表示文件大小的数字，自适应转换到KB,MB,GB 方法一：bytes自适应转换到KB,MB,GB /// <summary> /// 格式化文件大小的JS方法 /// </summary> /// <param name="filesize">文件的大小,传入的是一个bytes为单位的参数<
阅读全文
摘要：Element UI 表格排序只排了当前页，解决方案如下： 定义方法： /** 比较 * @param {string} propertyName 属性值 * @param {string} sort 当前顺序 * @returns {Object} */ export function compa
阅读全文
摘要：// 前端搜索 fliterData() { const search = this.search if (search) { this.blist = this.list.filter(item => { const children_code = item.children.map(v=>v.c
阅读全文
摘要：vue前端分页多条件搜索 fliterData() { if (this.query_syscode || this.query_version || this.query_group || String(this.query_status)) { this.blist = this.list.fi
阅读全文
摘要：Tree树形控件选中状态 在做分配权限的时候如图选择了父节点的某些子节点，现在父节点是半选中状态，使用this.$refs.tree.getCheckedKeys()只能拿到当前的子节点，子节点全选才能拿到父节点，而后台需要我们把父节点和子节点一起带过去。 解决方法 // 获取选中的子节点 let
阅读全文
