qq_43765727-优快云博客

this.$nextTick(() => { // 加载loading this.loading = this.$loading({ lock: true, text: 'Loading', spinner: 'el-icon-loading', background: 'rgba(0, 0, 0, 0.7)', target: document.querySelector('.dialog-box-di

2021-12-23 15:01:20 1911 1

原创 js递归遍历树结构去除某些节点

// 过滤树节点 assemble(tree) { var newArr = []; for (var i = 0; i < tree.length; i++){ var item = tree[i]; if(item.type === 'test') { tree.splice(i--, 1); } else { i...

2021-12-17 13:06:41 2020 1

原创 vue el-form多个表单校验

<template> <el-form :model="formData" status-icon :rules="rules" label-width='200px' label-position="right" ref="formData1" > <el-form-item label="订单号:" v-if="editorShow" class="el-form-pad"> <template slot-s

2021-12-02 16:56:51 2043

转载 elementUI - tree添加横向滚动条

原文链接：https://blog.youkuaiyun.com/u012138137/article/details/81196257

2021-11-09 15:35:43 1004

转载 vue实现带节假日的日历

https://blog.youkuaiyun.com/weixin_41884808/article/details/110433903

2021-10-27 09:41:30 2937

转载 vue文本超出可展开查看

文章链接https://blog.youkuaiyun.com/jingyoushui/article/details/102470896

2021-10-14 15:53:24 239

转载 el-table表格宽度根据内容自适应

将代码复制到指令中即可使用。通过指令方式进行调用。（使用方式 <el-table v-tableFit></el-table>）通过计算文字的宽度进行表头设置，其他内容无法计算。40(列) * 120(行) 个单元格以上根据实际情况使用以上根据实际情况使用，因为单元格越多，计算时间越长。尽量使用v-if，不然有些情况下会计算错误Vue.directive("tableFit", { //指令所在组件的 VNode 及其子 VNode 全部更新后调用。 compone

2021-07-29 14:43:29 3337 1

原创 vue项目中使用sass变量

https://vueschool.io/articles/vuejs-tutorials/globally-load-sass-into-your-vue-js-applications/

2021-07-23 15:35:03 420

转载将本地项目上传到GitLab上

1、创建新项目1.1创建新项目1.2输入项目名称，之后Create Project2、创建密钥2.1桌面右键，Git Bash Here2.2进入~/.ssh/路径cd ~/.ssh/2.3配置全局的name和email，参照你创建的工程Git global setupgit config --global user.name “root”git config --global user.email “admin@example.com”username：email：2.4生

2021-07-16 15:04:01 704

转载 vue实现横向无限滚动

原理复制1份需要无限滚动的列表，当滚动到第一个列表的结尾处（第二个列表的开始处时），立刻替换位移到初始位置（x=0）由于当时场景与刚开始的场景完全相同，就实现了无缝滚动<template> <div> <div class="scroll-temp"> <div class="temp-box" ref="temp"> <div v-for="v in 5" :key="v + '1'" class="li"&

2021-07-15 09:54:35 2463

转载 element-ui table 多列组合排序

element-ui table 多列组合排序element-ui table 配合后端实现多列组合排序。思路：1.监听sort-change事件，在该事件中缓存和修正当前的排序规则。并根据保存的排序规则调接口刷新表格数据。2.监听header-cell-class-name事件，在该事件中修正表头排序图标的样式。保证图标的样式逻辑和缓存的排序规则一致<el-table stripe :data="list" element-loading-text="Loading

2021-05-25 14:52:04 1109

转载组件间的通信(二)

文章链接：https://segmentfault.com/a/1190000019208626https://juejin.im/post/6861547167358648327/#heading-0

2020-08-20 14:07:07 95

原创 element-ui table 给表头添加icon图标，以及鼠标滑过时显示提示内容

参考文章：http://www.voycn.com/article/element-ui-table-geibiaotoutianjiaicontubiaoyijishubiaohuaguoshixianshitishineirong

2020-08-18 09:29:05 2101

转载事件委托

文章链接：https://www.cnblogs.com/liugang-vip/p/5616484.html

2020-08-17 14:46:23 98

转载 JS事件冒泡

文章跳转：https://www.cnblogs.com/moqing/p/5590216.html

2020-08-17 14:43:08 90

转载封装el-tooltip组件，只有文本溢出时才显示

原文链接：https://www.cnblogs.com/97pkp/p/12895693.html1.定义样式，实现超出部分省略号：.con_txt { white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }2.el-tooltip组件本身就是悬浮提示功能，但是我们需要给超出的文本加提示，没超出的不加提示，所以对组件进行二次封装：<template> <div

2020-08-12 22:08:21 3064 1

转载 element ui的el-tree文字显示不全的解决办法

原文链接：https://blog.youkuaiyun.com/Beam007/article/details/84305216

2020-08-12 21:08:51 943

转载 element中el-table的tooltip鼠标无法选中text

原文链接：https://juejin.im/post/6844904051688079374<template> <div class="home">  <el-table :data="tableData" stripe

2020-08-12 10:08:50 1994

转载 table tr分离并加圆角和阴影

转载自：https://www.cnblogs.com/liuswi/p/5840038.html(https://www.cnblogs.com/liuswi/p/5840038.html)<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.

2020-08-10 16:11:09 1043

转载 echarts 在legend中使用rich富文本的方法

文章链接：https://blog.youkuaiyun.com/weixin_43798882/article/details/90697316

2020-08-06 11:07:08 1707

原创正则校验字符串中是否存在空格

const reg = new RegExp(/\s/)reg.test('1 23')

2020-08-03 16:38:49 9541 1

转载 cross-env

cross-env 是一个跨平台设置环境变量的第三方包由于Windows系统和Mac系统设置环境变量的方式不同Windows 系统// package.json{ ... "scripts": { "dev": "set NODE_ENV=development && webpack-dev-server --open --hot", "build": "set NODE_ENV=production && --progress --hi

2020-07-16 17:45:21 690

转载 webpack面试题

原文链接：https://mp.weixin.qq.com/s/VwNN91Hz6cvmnt2KE4Lj6g0.有哪些常见的Loader？你用过哪些Loader？(我开始熟悉的报起了菜名)raw-loader：加载文件原始内容（utf-8）file-loader：把文件输出到一个文件夹中，在代码中通过相对 URL 去引用输出的文件 (处理图片和字体)url-loader：与 file-loader 类似，区别是用户可以设置一个阈值，大于阈值时返回其 publicPath，小于阈值时返回文件 bas

2020-07-15 12:22:39 444

OCR语音转文字OCR语音转文字

资源存储1资源存储1资源存储1资源存储1

空空如也