自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+

小雨

一个小白不断学习的过程!

  • 博客(18)
  • 收藏
  • 关注

原创 有颜色背景

【代码】有颜色背景。

2023-05-15 08:59:53 108

原创 vue2和3 中导出xlsx数据

【代码】vue2和3 中导出xlsx数据。

2023-04-03 15:27:06 233

原创 element-ui 改变单选框,多选框的选中颜色

注意 是写在less文件中,并在vue.config.js中配置。element-ui 改变单选框,多选框的颜色。

2023-04-03 14:43:22 2482

原创 js 实现复制指定内容功能

参考了网友的写法,记录一下点击按钮 复制指定的内容 <el-button type="primary" @click="copyBtn">复制url</el-button> js代码: copyBtn() { let url = '111111' let txa = document.createElement("textarea"); txa.value = url; document.body.appendC

2021-12-08 10:06:03 972

原创 Echarts 自定义工具栏事件 || 柱状图和饼状图之间的切换

echarts中有柱状图和折线图之间的切换,却没有柱状图和饼图直接的切换不过echarts有自定义工具栏方法,我们可以通过自定工具栏的方法来实现echarts没有的图形切换toolbox 中的 feature 自定方法 (title: 鼠标放上去显示的文字;icon: 自定工具栏的图标的path路径;onclick: 点击事件)在点击事件写自己要处理成的图形代码就行了, 下面有我的一个完整实例如何引入echarts,在我的上一篇文章中,完整代码:<template> &lt.

2021-11-27 14:52:06 5466 2

原创 vue 项目 中使用echarts

安装依赖安装依赖 npm i echarts全局main.js 中引入 import echarts from ‘echarts’ || import * as echarts from ‘echarts’ 后者为5.0以上版本的引入指令挂载在prototype上 Vue.prototype.echarts = echarts页面中使用要等页面加载完毕再去执行 加载echarts的方法,否则不生效页面展示echarts地址: echarts官网...

2021-11-23 11:21:44 1059 2

原创 数组排序去重

1.去重对象数组unique(arr) { const res = new Map(); return arr.filter((arr) => !res.has(arr.id) && res.set(arr.id, 1));},2. 去重数字数组let data = [1,2,3,1,2]data = [...new Set(data)]数字数组排序data.sort(function(a, b){return a - b});对象数组排序 cars.sort

2021-11-22 21:56:20 270

原创 js中获取当前日期 当月第一天和最后一天

js 中 获取当前日期 当月第一天 当月最后一天的方法export function timeThree() { // 当天 let thatDay = '' // 当月第一天 let oneDayTime = '' // 当月最后一天 let zDay = '' let date = new Date(); let curr_date = date.getDate(); let curr_month = date.getMonth() + 1; let cu

2021-11-22 21:53:17 2259

原创 vue 中数字转千分显示

vue中数字转千分显示export function numFormat(cellValue) { cellValue += ''; if (!cellValue.includes('.')) cellValue += '.'; return cellValue.replace(/(\d)(?=(\d{3})+\.)/g, function ($0, $1) { return $1 + ','; }).replace(/\.$/, '');}页面中使用 使用前先引入方法e

2021-11-22 21:49:37 1252

原创 vue 数字前面加0 向上边界判断 向下不判断

<el-input v-model="num" style="width: 200px;" placeholder="" @input="updateNum($event)"> <el-button @click="numUpdate(1)" slot="prepend" icon="el-icon-minus"/> <el-button @click="numUpdate(2)" slot="append" icon="el-i

2021-08-04 11:39:29 1055

原创 vue 中 if...else判断 null undefined空字符串/空对象/是空数组

created() { this.getList() }, mounted() {}, methods: { getList() { let name = null let name1 = undefined let name2 = '' let name3 = 0 let name11 = 1 let name4 = '0' let name12 = '-1' let name5..

2021-08-04 09:11:34 7467

原创 element-ui表格多选,每次只能选中一个并获取数据

element-ui表格多选,每次只能选中一个并获取数据工作中会碰到这种问题,表格但是只能选择一条,想要前面多选那个选中的样式首先要禁掉表格的全选<script scoped> /deep/ .el-table__header-wrapper .el-checkbox { display: none;}</style>注意: 要给表格设置ref1.html中<template> // 表格的 选中事件 当用户手动勾选数据行的 Checkbox

2021-06-21 21:19:35 3288 1

原创 element-u中Checkbox 多选框只能选择一个

这里写自定义目录标题欢迎使用Markdown编辑器新的改变功能快捷键合理的创建标题,有助于目录的生成如何改变文本的样式插入链接与图片如何插入一段漂亮的代码片生成一个适合你的列表创建一个表格设定内容居中、居左、居右SmartyPants创建一个自定义列表如何创建一个注脚注释也是必不可少的KaTeX数学公式新的甘特图功能,丰富你的文章UML 图表FLowchart流程图导出与导入导出导入欢迎使用Markdown编辑器你好! 这是你第一次使用 Markdown编辑器 所展示的欢迎页。如果你想学习如何使用Mar

2021-06-21 15:40:27 3331

原创 ES6新特性 var let const 的区别

ES6新特性let const var的区别1.var声明的变量会挂载在window上,let和const声明的变量不会挂载在window上。var a = 10;console.log(window.a) // 10let b= 10;console.log(window.b) // undefined2.var声明的变量存在变量提升,let和const声明的变量不存在变量提升。变量提升即变量可以在声明之前使用,值为undefined。let命令改变了语法行为,它声明的变量一

2020-08-08 17:08:59 460 1

原创 去掉webstorm的ESLint语法检测

去掉webstorm的ESlint检测语法打开设置Languages & Frameworks > javaScript > Code Quality Tools > ESlint然后点击Apply(应用),再点击OK,重启软件就好了

2020-06-26 16:14:30 1536

原创 监听路由变化,来改变导航栏背景色的改变

vue中监听路由来改变点击之后导航栏的背景颜色变化 watch: { $route(to, from){ } } // 给router-link添加背景颜色.router-link-active { background: #ffffff; }因为进入网站默认的是首页导航,所以给首页导航的router-link里面加上 “exact” 属性把第一个导航截取出来<router-link to="/" class="nav" tag

2020-06-18 14:45:52 1046

原创 在vue项目中使用zoom属性

这几天一个项目中用到了zoom这个属性,在网上看了很多别的大佬写的博客,始终达不到自己的结果没想到使用这个属性很简单,提前说这个火狐浏览器不支持这个属性,话不多说直接上代码给rouver-view动态绑定zoom属性 <router-view :style="`zoom:${ww}`"></router-view>在钩子函数中获取屏幕的实时宽度,然后你除以你做项目是的宽度,这个你要具体算在data中 data() { return {

2020-06-17 16:39:19 3742

原创 js正则取出一个字符串小括号中的内容

var takeout = "abcdd(123)asdff";var abb = takeout.match(/\((.+)\)/g);/\((.+)\)/g运行结果如下:console.log(RegExp.$1) // 123

2020-06-17 16:15:14 2513

空空如也

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

提示
确定要删除当前文章?
取消 删除