- 博客(94)
- 问答 (78)
- 收藏
- 关注
RSS订阅原创 props父传子类型Object
当父传子类型是Object时，子组件props定义类型如下: propsData: { type: Object, default: function () { return { type: 0, }; }, },
2022-05-27 10:11:05
1492
原创 给el-tree添加自定义图标
<el-tree v-if="treeVisible" ref="tree" :props="Props" node-key="id" :default-expanded-keys="level" style="height:120vh" :allow-drop="allowDrop" draggable accordio.
2022-05-17 08:46:52
6477
原创 el-table如何在@row-click里获取点击行的index索引
总结：利用 :row-class-name=“tableRowClassName” 属性给每一行row的数据对象里添加index属性。第一步：给el-table，添加:row-class-name="tableRowClassName"和@row-click=“clickRow”<el-table :row-class-name="tableRowClassName" :data="tableList" border stripe
2022-04-13 18:20:15
13968
1
原创 el-table合并单元格:span-method的使用
合并前是这样：合并后是这样：实现方法：① el-table里添加属性:span-method=“arraySpanMethod” <el-table :data="tableData" :span-method="arraySpanMethod" border stripe fit >②vue文件的 method里定义arraySpanMethod arraySpanMethod({ row, column,
2022-04-13 14:20:07
3508
原创 el-table设置单元格里的字体颜色
例如图中，设置某个单元格的字体颜色：① el-table标签上添加属性：:cell-style=“cellStyle”<el-table :data="tableData" :cell-style="cellStyle" border stripe fit>②vue文件里在method里声明 cellStyle方法 cellStyle({ row, column, rowIndex, columnIndex }) { if (columnIndex === 0 || c
2022-04-13 14:12:38
8899
1
原创 el-table设置区域色带
参考这种样式:① 在el-table上定义属性 :cell-class-name=“cellClassFn” <el-table :data="tableData" :cell-class-name="cellClassFn" border stripe fit >② 在method里定义 cellClassFn方法，row是这一行的数据。column是这一列的数据。rowIndex和colunmIndex是行和列的索
2022-04-13 13:52:50
145
原创 element admin框架里的utils工具类里写了个js方法如何在vue文件里使用
在utils文件夹里有很多js文件，里面写了好多工具类供使用。创建完js文件工具类后，需要在vue文件里使用。使用方法：例如：utils文件夹里的handleDate.js里声明了dateMessage方法。在vue文件里：①导入 import { dateMessage } from ‘@/utils/handleDate’;②在method函数里声明③再需要的地方使用...
2022-04-12 18:15:25
1006
原创 子组件的echarts自适应父组件的div高度，并随着div的高度变化自动适应
这是index.vue父组件的一段代码：组件TrendLine是echarts的折线图。是子组件，trendLine.vue在trendLine.vue文件中，图表是根据浏览器变化自适应的。代码是：现在发现的问题是，并不会随着父组件中div高度大小自适应。解决方法：给echarts组件传一个height属性：渲染echarts的根组件里定义好height。props属性里声明height。watch里监听height，变化的时候，重新渲染echarts。initChart方法里
2022-04-07 09:01:05
2097
1
原创 js的math函数用法总结
1.获取绝对值Math.abs()Math.abs(-12) === 122.向上取整Math.ceil()Math.ceil(12.03) === 133.向下取整Math.floor()Math.floor(12.3) === 124.四舍五入,取整Math.round()正数时，包含5是向上取整。负数时，包含5是向下取整。Math.round(3.5) === 45.取[0,1)的随机小数Math.random()案例1：获取[0,10]的随机整数con
2022-04-06 11:34:10
573
原创 echarts的Y轴的分割线以及线条样式
yAxis: { splitNumber: 5, splitLine: { show: true, lineStyle: { type: 'dotted', color: 'rgba(255, 255, 255,0.3)' } }}splitNumber代表Y轴分割的段数，splitLine设置分割线显示不显示。show：true是显示分割线。 lineStyle设置分割线的样式，type:'dotted’设置的
2022-04-06 10:14:53
8896
原创 echarts的yAxis设置最大值和最小值
yAxis:{ max: function(value) { if (yAxisMax !== 0) { return yAxisMax; } else { return null; } }, min: function(value) { if (yAxisMin !== 0
2022-04-06 08:53:52
5778
原创 echarts的xAxis的axisLabel的使用
xAxis的axisLabel是用来设置x轴的刻度以及一些参数的设置。axisLabel: { interval: 10, formatter: (value, index) => { // 1小时=3600秒 return `${(value / 3600).toFixed(0)}h`; }, inside: false,
2022-04-06 08:47:00
20265
原创 el-table样式总结—持续更新
1.el-table标签的header-cell-style给指定的表头添加样式 :header-cell-style="getRowClass" getRowClass ({ row, column, rowIndex, columnIndex }) { if ((rowIndex === 0 && columnIndex === 0) || (rowIndex === 1 && (columnIndex
2022-03-24 10:00:35
2077
原创 js的split方法和join方法
splitAndJoin() { const date = "2021-03-08"; const s = date.split("-"); console.log("=========", s); }split会把字符串转成一个数组，按分割符，分隔开。 splitAndJoin() { const date = "2021-03-08"; let s = date.split("-"); console.log(
2022-03-21 13:08:25
932
转载 JS数组遍历find()方法
find()方法返回第一个满足过滤方法的元素，一个都没有满足的就返回undefined，遇到一个满足的元素后遍历就停止了这个方法支持的浏览器太少，慎用。const arr = [{name:"Jim",age:"20"},{name:"Lily",age:"18"},{name:"Mei",age:"18"},]arr.find((item)=>{return item.age == '18'})//{name:"Lily",age:"18"}...
2022-03-14 20:52:59
2360
原创 echarts处理返回的图例和数据是数组嵌套数组格式时的方法
当返回的数据格式是单个数组的时候，可以直接循环datas传入echarts组件进行复用。处理方式：tableData是接口的datas对象数据。<el-scrollbar ref="scrollbar" style="height:100%; width:100%;"> <el-row type="flex" justify="space-between" style="flex-wrap:wrap;height:30%"> <el-c
2022-03-14 16:55:39
1779
原创 box-sizing布局
属性有三个值：盒子的总的长宽包括内容的长宽，内边距的长宽，边框的长宽，外边距的长宽。content-box时，css的width和height的值是内容的高宽；border-box时，css的width和height的值是总共的高宽。box-sizing: content-box | border-box | inherit;具体参考https://blog.csdn.net/xiaxue168/article/details/89252974...
2022-03-13 21:26:55
308
原创 css样式使得div盒子居中
position:absolute;left:50%;right:50%;transform:translate(-50%,-50%)
2022-03-13 20:18:15
426
原创 js的find方法
find() 方法返回数组中第一个通过测试的元素的值当数组中的元素在测试条件时返回 true 时, find() 返回符合条件的元素，之后的值不会再调用执行函数。如果没有符合条件的元素返回 undefined注意: find() 对于空数组，函数是不会执行的。 data() { return { Name: 'one', }} eventArray: [ { name: '一', fn:one }, { name: '二',
2022-03-11 10:50:40
2631
原创 npm install错误 unable to access
在git上拉取了一个项目，npm install的时候，出现下面无法访问的错误。下面我的解决方法是：把 npm install改成：npm install --registry=https://registry.npm.taobao.org从淘宝镜像下载就可以成功了。
2022-03-08 10:23:14
505
转载 vue中使用this.$loading()给整个页面添加遮罩
如果完整引入了 Element，那么 Vue.prototype 上会有一个全局方法 $loading。调用方法：this.$loading()this.$loading().close()使用步骤：1、完整引入了 Elementimport ElementUI from 'element-ui' // pc端组件2、在向后台发起请求前调用this.loading()，在请求结束后调用this.loading()，在请求结束后调用this.loading()，在请求结束后调用this.lo
2022-03-04 13:55:10
12666
原创 前端报错TypeError: Cannot read properties of undefined (reading ‘toString’)
对一个变量a进行toString()操作。但是此时变量a为undefined，那么就会报这个错。
2022-02-22 08:49:15
1361
原创 js使用for in和for of来简化普通for循环
let arr = [10, 20, 30, 40]; //普通写法for (let i = 0; i < arr.length; i++) { console.log(arr[i]);} // 简写for (const val of arr) { console.log(val);}for (const index in arr) { console.log(arr[index]);}
2022-02-21 11:37:35
505
原创 js寻找数组中的最大和最小值(Math.max()方法）
/ 简写const arr = [1, 2, 15, 3];Math.max(...arr); // 15Math.min(...arr); // 1
2022-02-21 11:33:43
942
原创 js运用扩展操作符（…）简化代码,简化数组合并
let arr1 = [20, 30]; //普通写法let arr2 = arr1.concat([60, 80]); // [20, 30, 60, 80] // 简写let arr2 = [...arr1, 60, 80]; // [20, 30, 60, 80]
2022-02-21 11:30:38
304
原创 使用双星号代替Math.pow()
//普通写法const power = Math.pow(2, 3); // 64 // 简写const power = 2**3; // 8
2022-02-21 11:28:32
321
原创 使用解构交换两个变量的值
let x = 'Hello', y = 55; //普通写法const temp = x;x = y;y = temp; // 简写[x, y] = [y, x];
2022-02-21 11:26:23
125
原创 js使用一元运算符简化字符串转数字
使用一元运算符简化字符串转数字//普通写法let total = parseInt('13');let average = parseFloat('12.7'); // 简写let total = +'13';let average = +'12.7';
2022-02-21 11:22:29
261
原创 JavaScript unshift() 方法
将新项添加到数组起始位置:var fruits = ["Banana", "Orange", "Apple", "Mango"];fruits.unshift("Lemon","Pineapple");fruits 将输出：Lemon,Pineapple,Banana,Orange,Apple,Mango
2022-02-09 16:35:04
498
转载 “router-link”各种属性解释
1.”:to” 属 性相当于a标签中的”herf”属性，后面跟跳转链接所用HomeHome2.”replace” 属 性replace在routre-link标签中添加后，页面切换时不会留下历史记录3.”tag” 属 性具有tag属性的router-link会被渲染成相应的标签HomeHome此时页面的li同样会起到a链接跳转的结果，vue会自动为其绑定点击事件，并跳转页面4.”active-class” 属 性这个属性是设置激活链接时class属性，也就是当前页面所有与当前地
2022-02-09 09:07:45
1143
转载 一文读懂鼠标滚轮事件（wheelEvent）
https://segmentfault.com/a/1190000017390159?utm_source=tag-newest<template> <el-scrollbar ref="scrollContainer" :vertical="false" class="scroll-container" @wheel.native.prevent="handleScroll" > <slot/> </el-s
2022-02-09 08:53:47
1071
转载 设置提示框位置随鼠标移动，并解决提示框显示不全的问题
https://www.cnblogs.com/zhilu/p/14047105.htmltooltip: { trigger: 'axis', // position: ['50%', '50%'], position: function(point, params, dom, rect, size) { var x = 0; var y = 0;
2022-02-08 16:35:38
592
原创 $router.back(-1)
$router.back(-1)，跳到上一个网址路由。<el-button type="text" icon="el-icon-arrow-left" style="font-size:22px" @click="$router.back(-1)">返回</el-button>
2022-02-07 09:05:06
525
空空如也
echarts的面积图，有个markLine标记线的颜色设置
2022-06-16
关于#echarts#的markLine问题，如何解决？
2022-06-13
echarts的堆叠柱状图，实现这种，应该怎么处理数据格式呀？
2022-06-13
自定义大屏项目的案例
2022-06-07
vue中的css样式问题
2022-06-07
vue的dist文件
2022-06-07
循环校验el-form表单项
2022-05-30
vue中引入组件加上大括号跟不加有什么区别啊
2022-05-21
这个是咋回事啊，最近遇到的一个获取值的先后顺序，感觉一直对不上？
2022-05-13
编码的时候遇到变量下面有三个点，提示这个属性是未定义，可是我定义了控制台也可以打印啊
2022-05-01
el-tree懒加载，判断第二级的时候怎么获取不同的数据
2022-04-27
请问js有某个方法让对象字段相同的key赋值吗？
2022-04-24
el-tree的子节点可拖拽到别的区域怎么实现
2022-04-22
点击el-tree的节点，页面显示不同的内容，这是怎么实现的啊？组件切换吗？
2022-04-21
请问前端怎么实现自定义右键菜单功能？
2022-04-21
vue可以自定义一个标签吗？类似于input或者el-input
2022-04-18
请问ele用el-tree和el-table可以实现这种功能吗？
2022-04-18
有没有那种前端组件或者框架可以实现table表头的拖拽功能啊？
2022-04-15
vue自定义标签或者指令，使得el-input里输入的值，自动变成四位格式
2022-04-15
echarts的interval和splitNumber有啥区别？不都是分间隔的吗？
2022-03-27
echarts的折线图纵坐标最大值最小值动态设置
2022-03-27
js代码两个对象赋值优化
2022-03-26
毕业工作8个月的前端应该达到什么水平？
2022-03-24
element admin项目修改点击导航的背景颜色
2022-03-23
后端这种数据是什么啊，无限不循环小数吗？
2022-03-03
这种因为笔记本屏幕太小了，代码显示不清有解决方法吗？
2022-03-01
、这段代码什么意思啊？insert的参数是固定的吗？
2022-02-24
用forEach得不到想要返回的值
2022-02-22
:gutter='20'和:span到底代表啥区别？
2022-02-14
在这里为什么class="filter-container"没有效果
2022-02-14
dataV组件中dv-digital-flop的number属性是个数组是什么意思
2022-02-08
js正则表达式问题解决方式
2022-01-21
TA创建的收藏夹 TA关注的收藏夹
TA关注的人