- 博客(51)
- 收藏
- 关注
RSS订阅原创 echarts提示框内容添加点击事件
如果使用普通函数，this可能会指向window对象，而不是Vue实例。但箭头函数不会创建自己的this，所以它会捕获定义时所在作用域的this，也就是Vue组件的实例，这样在箭头函数内部this.componentchange才能正确引用到Vue的方法。注意：此处showChange函数需要用箭头函数。formatTooltip 函数是提示框部分。使用框架与组件： vue2+echarts。
2025-03-26 10:28:39
228
原创 Upload上传图片，回显图片，编辑图片，限制图片，不显示上传图标，图片放大功能
实现逻辑：新增时用imgs字段来存储新增的图片；编辑时用imgVos字段来接收新增的图片、imgs中存贮后端返回（上次存储）的图片；若为编辑状态给后端提交时：将所有的新增图片放到imgs中，之前（后端返回的图片地址）放到imgVos中。:file-list="repairPlanfiles"，repairPlanfiles用来存储图片。因小编项目图片数组可以动态累加，相对有点复杂，若你们的不存在动态添加，只有一条，页面。新增、编辑时：限制上传四张，当超过四张隐藏上传图标。详情、编辑：图片回显。
2023-12-27 14:01:29
964
原创 禁止选择当天及以后的时间
2、获取到时间转为时间戳减去 一天（1*24*3600*1000）这篇文章编辑与2023.12.26，所以可以选择的时间为包含2023.12.25以及之前的时间。3、选择的时间大于第二步的时间（禁用逻辑）实现思路：1、获取当天时间的年月日，然后默认时分秒为23：59：59；
2023-12-26 11:19:06
741
1
原创 vue项目实现table表格竖向
思路：使用element ui 自带的栅格，通过控制el-col 的span 属性来设置。getTable()函数是将返回的正常数据进行处理，和表格字段相对应。（竖着的字段），超过就自动换行；content2是返回的数据。content1 是表头。表格样式在代码中有注释。
2023-09-13 10:42:00
3503
原创 element ui table某个单元格添加点击事件
label: "上级主管",label: "帐号状态",label: "角色名称"return "已过期";label: "序号",return "禁用";return "启用";label: "姓名"
2023-06-29 16:07:49
5615
原创 封装一个排行榜
排名：给数组中的对象添加一个字段（例如：status），将数组的相邻两个金额做对比，如果相同，则排名相同，若不同，排名为当前组数下标+1。思路：将数组中金额最大的金额提取出来，其长度为满格（即：初始长度），之后的金额长度为（对应的金额/最大金额）*初始长度。功能：后台返回一个数组，这组数组根据金额的大小，由大到小进行排列。前端：将处理好的数据添加一个排名，同等的金额，排名也相同。2.页面调用封装的排行榜组件。
2023-01-03 18:07:15
362
原创 Vue从一个页面跳转到另一个页面指定位置
1.B页面，在跳转到的指定位置添加id名（eg： id=‘titlGov’）从A页面跳转到B页面指定的位置。点击政府会员，跳转到B页面。2.A页面添加点击事件。
2022-11-07 16:58:27
4843
原创 vue：npm run serve报错Module not found: Error: Can‘t resolve ‘core-js/modules/es.regexp.dot-all.js‘
Module not found: Error: Can't resolve 'core-js/modules/es.regexp.dot-all.js'
2022-08-18 10:28:57
1126
原创 vue： npm run serve报错：ESLint is not a constructor
ESLint is not a constructor
2022-08-18 10:24:27
1740
1
转载 Vue npm run serve报错：Multiple assets emit different content to the same filename js/.gz
Multiple assets emit different content to the same filename js/.gz
2022-08-18 10:14:43
688
原创 将一串数字转化为单个数字
例如 将 12345 转化为 1，2，3，4，5方法一：var n = 12345;var str = n.toString();var arr=str.split("");方法二：let num = 123456;let snum=num.toString();let numArr=[];for(let i=0;i<snum.length;i++){ numArr.push(+snum.charAt(i))}...
2022-04-25 13:38:02
700
原创 git CAfile报错，右击git bash/GUI找不到应用程序
当克隆时报如上错误：原因：git 下载的地址发生改变，注册表 git-bash.exe路径信息 没有修改，配置信息还是之前的信息CAfile报错解决方法：根据报错信息找到正确的路径下的ca-bundle.crt文件路径 CAfile: G:/Vue/Git/mingw64/ssl/certs/ca-bundle.crt CApath: none以上是之前的路径，根据之前的路径mingw64/ssl/certs/ca-bundle.crt找到现在正确的路径打开git-bash输..
2022-04-20 15:10:51
1038
原创 DatePicker 日期选择器限制范围
需求：限制时间范围为90天，默认时间为当前时间至当前时间之前的90天的可选范围：当前时间，或当前时间之间的时间限制范围：90天效果图template部分 <el-date-picker v-model="time" ref='timeBox' value-format="yyyy-MM-dd HH:mm:ss" :picker-options="pickerOptions" :default-time="pickerDefau
2022-03-18 18:11:59
6266
原创 sessionStorage 、localStorage
相同点：1.localStorage和sessionStorage都是用来存储客户临时信息的对象。2.他们均只能存储字符串类型的对象区别： 1.localStorage生命周期是永久，除非用户在浏览器提供的UI上清空 2.sessionStorage生命周期为当前窗口或标签页，一旦窗口或标签页被永久关闭了，那么所有通 过sessionStorage存储的数据也就被清空了。 3.不同的浏览器无法共享localStorage或sessionStorage中的信息...
2022-03-03 16:36:26
784
原创 vue+element 表格中全选与清除选中
效果图开关代码 <el-switch :disabled="radio==1 || radio==2" v-model="oppStationpower" active-text="电站反选" @change="checkAnti" ></el-switch>表格代码 <el-ta
2022-02-28 10:07:13
1270
原创 选择框（可远程搜索、）
template部分 <el-select v-model="searchParams.platformName" filterable remote clearable reserve-keyword placeholder="请选择平台"
2022-02-23 14:00:09
214
原创 时间选择器
<el-form-item label="活动时间："> <div style="display:flex;"> <el-form-item prop="startTime"> <el-date-picker v-model="form.activityTime.startTime" value-format="y...
2022-02-22 13:30:56
442
原创 上传文件(element ui)
<el-form-item style="margin-left:69px;" prop="file"> <div style="color:#404040;"><span style="color:#F56C6C;margin-right:4px;">*</span>请选择导入的Excel文件：</div> <div style="display:flex;"> <div @click=".
2022-02-22 13:29:55
153
原创 el-table表格固定列出现其他列的数据
如图：解决方案一、css样式/deep/ .el-table--enable-row-transition .el-table__body td{ transition: none !important;}二、template添加key值show-overflow-tooltip设置为true <el-table-column :show-overflow-tooltip="true" k...
2022-01-18 14:52:43
1017
2
原创 表格添加数据，搜索添加数据，保留已选择的数据
效果图 //添加电站 addStation(){ this.stationpower.map(v=>{ this.tableData.push(v); let arr=this.tableData console.log(arr) //添加的电站-已放到右边 let newArr=[]; //去重 for(var
2022-01-18 14:02:13
260
原创 将时间转化为时间戳
1.Date.now()方法返回自1970年1月1日 00:00:00 UTC 到当前时间的毫秒数2.将时间转化为时间戳①使用自带函数 Date(要转化的时间字符串)先转化为Date类型，let data=new Date('2022-10-11');②将Date类型转化为时间戳类型，时间字符串的格式必须为： yyyy-MM-dd HH:mm:ss 或者 yyyy-MM-dd，例如如： 2022-10-11转化为时间戳有三种方式Ⅰ.getTime()let time = d
2022-01-18 13:49:17
35113
1
原创 时间选择器
生效时间小于失效时间template<template> <div> <el-form> <el-form-item label="生效时间:" prop="takeEffectTime" > <el-date-picker value-format="yyyy-MM-dd HH:mm:ss" format="yyyy-MM-dd HH:mm" v-model="form.takeEffectTime" .
2022-01-18 13:40:19
1300
原创 el-table表格无数据显示
当表格里面没有数据时，显示图片，有数据显示数据<div slot="empty" > <img src="@/assets/no-content.png" style="width:297px;height:210px;margintop:80px;margin-right:800px;"/> <div style="font-size:16px;color:#666666;margin-bottom:80px;margin-right:800
2022-01-06 13:24:44
1283
原创 消除element ui 组件 选择时间此刻
在全局样式里面添加（因为与vue同级，所以必须添加在全局样式中）.el-picker-panel__footer .el-button--text.el-picker-panel__link-btn { display: none;}
2021-12-30 19:52:25
478
原创 elementui el-input，v-for循环、校验、消除校验
第一步；页面 el-input循环<template> <el-form :model="ruleForm" :rules="rules" ref="ruleForm"> <div v-for="(item,index) in ruleForm.mailSet" :key="index"> <el-form-item > <el-input v-model.trim="ruleForm
2021-12-30 19:44:18
8010
3
原创 element el-table 多选框的回显-消除
this.$nextTick(() => { if(this.tableData.length){ //右边表格的数据 this.StiontableData.forEach(item=>{ //左边表格的数据 this.tableData.forEach(row => { //将右边的表格进行遍历 if(item.buildName == ...
2021-12-30 18:57:21
759
原创 父子组件互传-ref
父组件中 <div @click="selectoppendix" > <img :src="oppenPeopleHead ? headok : addpople "> </div> //子组件<SelectPeople ref="selectPeople" v-if="selectHanlder" @ok="getChild" @close="selectHanlder=false" ></SelectPeople>
2021-11-30 09:13:40
592
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人