![](https://img-blog.csdnimg.cn/20201014180756923.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
笔记
果粒橙er
爱音乐的程序媛一枚呀~
办法总比困难多~
展开
-
el-table多选表格type=“selection“获取当前行数据给多选框增加插槽逻辑
对于el-table需要增加new的标识 根据当前行的某个字段判断。如果是普通的el-table很好做直接在每行第一个td的插槽里写逻辑就行了,但是因为这个是selection多选的表格,用插槽在type="selection"里写插槽后就导致多选框没了,单独插槽里写多选框就要重写写多选的逻辑。给el-table上增加:row-class-name=“rowClassName” 动态判断 这里可以获取当前行。但是发现el-table-column上获取不到当前行 获取不到row.isRed。原创 2022-10-20 10:15:35 · 3189 阅读 · 0 评论 -
el-tree 树结构实现父子不关联(check-strictly) 且能全选、反选、半选
解决:单独把全部抽离出来,拉平树结构数据,根据选中长度同拉平后的数据长度进行对比实现全选、反选、半选。原创 2022-10-18 15:02:35 · 5023 阅读 · 1 评论 -
小工具合集
链接:https://www.remove.bg/zh链接:https://www.iodraw.com/链接:https://www.diagrams.net/DevDocs 将多个 API 文档组合在一个快速、有条理且可搜索的界面中链接:https://devdocs.io/链接:https://tinypng.com/链接:https://picdiet.eula.club/链接:http://color.oulu.me/链接:https://www.manypixels.co/gal原创 2022-07-08 17:19:15 · 139 阅读 · 0 评论 -
vite+vue3商城项目笔记
2.安装依赖 启动项目3.安装插件4.安装Element Plusmain.js里引入然后我们的main.js就长这样:5.安装windi css框架在vite.config.js里引用(贴一下我vite.config.js的全部代码)在main.js里引用安装WindiCSS IntelliSense代码提示插件src里创建router文件夹+文件夹底下添加index.js文件main.js里引入7.路由配置在vite.config.js里引入path别名设置route原创 2022-06-28 14:51:43 · 532 阅读 · 0 评论 -
vue项目常用utils工具函数
个人笔记帖–持续记录n1.遍历树形数据,删除其空children项问题:编写联级选择器时后端每层都有children,空的children也返回了,导致显示空选项解决方案:过滤空children解决代码:【vue】遍历树形数据,删除其空children项......原创 2022-05-17 11:49:18 · 1649 阅读 · 0 评论 -
vue+elementui项目中遇到的坑/难题
1.Pagination 分页需求:不需要这么多只需要展示3个 但是传:pager-count="3"会报错,因为官方限制了数字范围,不能小于5…原创 2022-04-22 16:07:08 · 4215 阅读 · 0 评论 -
前端小知识每日一学
前端知识点面试题记录贴,持续更新~原创 2022-04-02 10:14:38 · 404 阅读 · 0 评论 -
项目初始化-准备工作
项目初始化相关ElementUi安装1.项目下载element-ui包npm i element-ui -S2.在main.js中引入elementimport Element from 'element-ui'import 'element-ui/lib/theme-chalk/index.css';Vue.use(Element)3.重启项目4.用一下element的组件测试一下是否安装成功<el-button type="primary">哈哈打不到我吧~</原创 2022-03-25 10:15:09 · 1475 阅读 · 0 评论 -
vue+elementui el-switch按钮的文字居内
效果图代码UI图需求是将文字放在switch里面 , 而elementui默认的文字是在外面,这时候就要改样式了,可根据需求更改下面代码样式。 <el-switch v-model="allActive" active-text="关" inactive-text="开" active-color="#3979FC" inactive-color="rgba(0, 0, 0, 0.2)">原创 2022-03-23 09:50:15 · 3309 阅读 · 0 评论 -
JavaScript正则表达式大全
属于个人记录文章—持续更新中…只能输入数字正则表达式:/^[0-9]*$/原创 2022-03-22 14:25:38 · 1413 阅读 · 0 评论 -
【笔记】Vue router 解决跳转到当前路由报错问题
解决方案:在vue的路由文件里 我的是router.js(或者是router文件夹里的index.js)// 解决跳转到当前路由报错问题// 底下这两句如果引入过就不用引入了import Vue from 'vue'import VueRouter from 'vue-router'const originalPush = VueRouter.prototype.pushVueRouter.prototype.push = function push(location) { return原创 2021-12-21 11:22:51 · 601 阅读 · 0 评论 -
vue中 前端根据word模板导出页面中的表格和内容为word文档
需求将页面中这两个表格区域导出为word格式的文档 这两个表格是根据word模板去写的页面1.下载插件yarn add docxtemplater;yarn add pizzip;yarn add file-saveryarn add jszip-utils2.script标签里引入插件import Docxtemplater from "docxtemplater";import PizZip from "pizzip";import PizZipUtils from "pizzi原创 2021-11-29 11:49:34 · 2734 阅读 · 3 评论 -
Vue项目中 改变elementui DateTimePicker时间选择器(el-date-picker) 图标icon位置居右 日期控件图标居右
elementui中el-date-picker图标居右1 . 需求 :2.代码:template部分<template> <el-date-picker v-model="dateRange" type="daterange" :clearable="false" range-separator="-" start-placeholder="开始日期" end-placeholder="结束日期" ></el-原创 2021-08-12 14:12:25 · 12035 阅读 · 12 评论 -
Vue项目封装深拷贝 终极版
Vue项目中封装深拷贝代码 递归实现 ----终极版1.封装 // 方法写在methods里 调用加this 如果不是vue项目递归调用去掉this // 深拷贝 deepClone(obj) { // 根据传入对象判断是对象还是数组 并创建 let objClone = Array.isArray(obj) ? [] : {} if (obj && typeof obj === 'object') { for (let key原创 2021-07-26 17:41:17 · 552 阅读 · 0 评论 -
lodash.findIndex()和lodash.findLastIndex方法
该方法类似_.find,区别是该方法返回第一个通过 predicate 判断为真值的元素的索引值(index),而不是元素本身。原创 2021-07-01 14:42:24 · 2083 阅读 · 1 评论