- 博客(56)
- 收藏
- 关注
RSS订阅原创 vue 项目增加自定义节流指令
el-button type="primary" :disabled="btnLoading" v-throttle >确定</el-button>
2025-02-17 15:30:42
122
原创 echarts 鼠标移入柱状图展示手指，移入label 展示箭头
关键事件： _this.chartInstancenf.getZr().on('mousemove', (params) => {}）鼠标移入柱状图是有name的，他的name是 ’item‘ , 其他的地方是空的， 所以有区别就好判断了。问题描述： 目前官方没有提供分类展示移入样式设置，所以得主动加入移入事件来分别做设置，
2025-02-08 11:18:08
487
转载 Vue ElementUI el-select 图片选择效果
Vue ElementUI el-select 图片选择效果_vue.js_AvatarGiser-GitCode 开源社区
2024-12-25 09:57:21
42
转载 Vue ElementUI el-select的option单独修改前两个字样式
Vue ElementUI el-select的option单独修改前两个字样式 - 简书
2024-12-25 09:11:27
38
原创 vue 区分浏览器的关闭和刷新
在vue项目中，App.vue 里面监听这3个方法都可以执行，所以刷新和关闭都重新登录了，不满足需求，我想要的是刷新仅仅是刷新，关闭浏览器才重新登录。接到一个需求，关闭浏览器并没有退出系统，再次打开浏览器还是可以直接使用，现在需要改成关闭浏览器需要退出，进来重新登录。页面刷新时先执行onbeforeunload，然后onload，最后onunload。页面关闭时先执行onbeforeunload，最后onunload。// 刷新或关闭页面都会执行，且先于onunload执行。亲测可以用，计算时差最后生效。
2024-12-17 15:21:52
696
原创 vscode 保存时格式化 setting.json
{"tabnine.experimentalAutoImports":true,"workbench.iconTheme":"vscode-icons","workbench.colorTheme":"OneDarkPro","vsicons.dontShowNewVersionMessage":true,"editor.fontSize":20,"terminal.integrated.shell.windows":"C:\\Windows\...
2022-03-29 11:55:52
603
原创 vue 针对表格的封装
FilterTable.vue<el-form:model="form"><el-tableref="table"v-loading="tableLoading":data="tableData":row-key="rowKey"@selection-change="handleSelectionChange"><el-t...
2022-02-22 15:38:44
725
原创 svgIcon 组件
<template><svg:class="svgClass"aria-hidden="true"v-on="$listeners"><usev-bind:xlink:href="iconName"/></svg></template><script>exportdefault{name:'SvgIcon',props:{iconClass:{...
2022-02-22 09:45:38
959
原创 el-tree 的样式改变
<el-treeref="permissionTree":data="permissions"node-key="id":show-checkbox="!isDetail":render-after-expand="false":default-expanded-keys="expandedPremission"...
2022-02-22 09:45:08
993
1
原创 小程序登录
1. wx.login(Object object)调用接口获取登录凭证（code）。通过凭证进而换取用户登录态信息，临时登录凭证 code 只能使用一次wx.login({ success (res) { if (res.code) { //发起网络请求 wx.request({ url: 'https://example.com/onLogin', data: { code: res.code...
2022-02-17 17:01:15
281
原创 vue3 中的 toRefs 是什么？ 什么时候用？
定义：toRefs可以将对象（只能接收rective对象）中的属性变成响应式正常reactive对象数据也是响应式的，如果用toRefs解构出去会更加方便什么时候用？数据量如果很多， 我们一般会用解构来简化代码， 那么在vue3 中如果使用对象的解构， 会让改对象失去响应式， 所有一般解构的时候 借助 toRefs 来解构 仍然带有响应式解构后， 我们就不需要 用 对象.属性了， 而是可以直接使用属性，来简化<h3>{{name}}</h3>let o
2022-02-16 09:57:03
5583
2
原创 数组对象的排序
letcompare=function(obj1,obj2){varval1=obj1.configMonthvarval2=obj2.configMonthif(val1<val2){return-1}elseif(val1>val2){return1}else{re...
2022-01-27 12:06:18
238
原创 左侧栏宽度拉伸
<template><divclass="x-handle"unselectable="on"onselectstart="returnfalse"@mousedown="mouseDown"></div></template><script>exportdefault{name:'XDragHandle',data(){return{lastX:'',...
2022-01-17 11:20:06
244
原创 echarts 双Y轴，双X轴， 折线图折点，折点与直方对应
动态增加了一个隐藏的x轴（show：false），用来引导折线图的点的位置，核心代码var option = {...省略 "name": "当前应力浅孔/Mpa", xAxisIndex: 1,//主要在此处指定下面的xAxis "smooth": true,...省略}option.xAxis[1] = { type: 'value', //max: option.xAxis[0].data.length * 100, ...
2022-01-10 14:52:36
1702
原创 基于elementui 封装周选择范围 组件
template部分，这里的value1,value2的值为我们所选周的星期一，为格林尼治时间的格式； date1, date2为周选择器的value对应的日期，date1取当周的星期一(起始日期)，date2取当周的星期日(结束日期)，weekNum为周数computed: { weekNum() { return Math.round((this.value2 - this.value1) / (24 * 60 * 60 * 1000 * 7)) + 1 },...
2021-12-30 14:38:51
1588
1
原创 js开发笔记
千分位：1. '1234567890'.replace(/\B(?=(\d{3})+(?!\d))/g,",")2. (1234567890).toLocaleString()类型判断：Object.prototype.toString.call(obj).slice(8, -1).toLowerCase()
2021-12-21 17:35:44
100
原创 elementui- 时间选择器的时间限制
单个输入框的 组件代码：<el-date-picker v-model="value1" type="date" placeholder="选择日期" :picker-options="pickerOptions0"></el-date-picker> 情景1: 设置选择今天以及今天之后的日期data (){ return { pickerOptions0: {
2021-12-08 16:40:24
324
原创 elementui 时间选择器- 限制选择过去和未来时间
<el-date-picker value-format='yyyy-MM-dd HH:mm:ss' class="inner-on" @change="select" v-model="startTimesss" type="daterange" :start-placeholder="$t('nowan1.No1.gotimi')" ...
2021-12-06 17:35:44
1001
原创 前端埋点需求
指标名称指标定义或解决的问题分析维度产品PV了解产品PV 使用情况，判断应用推广是否起到效果，用户提的需求是否是真实、高频的，用于辅助评估产品价值。所属系统、所属中心、所属部门、用户岗位、高层用户、板块产品UV了解产品使用情况，判断应用推广是否起到效果，用户提的需求是否是真实、高频的，用于辅助评估产品价值。所属系统、所属中心、所属部门、用户岗位、高层用户、板块产品单个用户日均访问PV了解产品跟用户的粘性，分析产品是高频使用场景产品还是低频使用场景所
2021-12-04 16:49:03
233
原创 将数组中的所有对象合并为一个对象[{},{},{}] =＞ [{}]
let channelTabList = [ {1: 'aaa'}, {2: 'bbb'}, {3: 'ccc'}, {4: 'ddd'}]let lists = channelTabList.reduce((prev,cur)=>{ return {...prev,...cur}})lists = {1: "aaa", 2: "bbb", 3: "ccc", 4: "ddd"}扩展二位数组变一维数组let arr = [[0,...
2021-12-04 16:16:20
363
原创 echarts 地图，色块+ 散点
<divid="earth":style="{height:'800px'}"></div>JS//省this.dataList=[{name:'南海诸岛',value:100,},{name:'北京',value:540,},{...
2021-11-29 09:59:55
686
原创 回到顶部 ＜el--backtop＞
<divclass="wrapper"> <co-backtop@mouseover.native="isShow=true"@mouseout.native="isShow=false"target=".wrapper":visibility-height="300" ><iclass="el-icon-caret-top"v-show="!isShow"...
2021-11-25 10:16:05
488
原创 react17 安装 react-virtualized 报错解决办法
npm installreact-virtualized --legacy-peer-deps
2021-11-14 15:23:54
837
原创 vue 结合v-chart 实现折线图
1. 结构：<ve-line:data="chartData":extend="chartExtend"height="500px"></ve-line>2. 数据chartData:{columns:['日期','访问用户','下单用户','下单率'],rows:[{日期:'1/1',访问用户:1393,下单用户:1093,下单率:320.32},...
2021-11-11 10:11:35
1465
原创 vue 结合v-chart 实现柱状图
1.结构<ve-histogramv-bind="{...histogramOpt,}"height="500px":colors="colorList"></ve-histogram>2. 数据和颜色histogramOpt(){return{xAxis:{...
2021-11-11 10:08:59
2075
原创 element 时间选择器，设置周与周的区间
1. 因为elementui 自带的周选择器，只能选择一个时间点， 所以我input 来装这个时间区间结构如下：<divclass="time-select"><co-date-pickertype="week"v-model="valueTime1"format="yyyy年第WW周MM月dd日"placeholder="选择周"...
2021-11-11 10:04:26
5484
2
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人