JavaScript
我在在啦 我让让啦
一些记录
展开
-
89.实现长时间不操作页面会自动退出到登录页面
/ 超时后会跳转到登录页面 所以需要清除cookie、localStorage和sessionStorage。// 判断当前路径是否为登录,若不是则跳转到登录页面。// 获取鼠标按下后的最后时间。// 设置超时时间:12小时。// 鼠标按下时更新最后时间。// 判断是否超时方法。原创 2023-07-11 16:06:13 · 568 阅读 · 0 评论 -
82.elementUI下拉框可输入绑定数据
前言:项目要求 需要下拉框可用户自己输入内容添加数据,所以百度找到了这个方法 记录一下。<el-select v-model="addForm.name" @change.native="selectBlurLogic" @blur.native="selectBlurLogic"> <el-option label="1" value="1"></el-option></el-select>methods:{ // 下拉框输入原创 2022-04-13 09:49:37 · 1013 阅读 · 0 评论 -
80.Vue跳转页面在新窗口打开并传参
前言:项目要求需要点击表格某列跳转到另一个页面,这个页面是新窗口并且需要携带参数到另一个页面里使用。需要用到this.$router.resolve()1.在跳转方法里用this.$router.resolve()跳转并使用cookie保存参数传参// 因为chain_check页面有两个页签 selectNum 是为了区分跳转到trace查询还是span查询// 点击跳转到trace查询页面getToTrace(row){ const newUrl = this.$router.r原创 2022-01-24 16:50:25 · 978 阅读 · 0 评论 -
73.elementUI表格展开行实现只展开一行以及打开子表格获取接口数据遍历不到子表格上的问题(已解决)
1.首先说一下点击表格展开行符号调接口获取子表格数据却遍历不上问题直接将接口数据赋值给子表格绑定的tableData1数组是无法将数据带到子表格里的,需要改成map接口数据,然后将每一个item逐个push到tableData1数组里。2.怎样才能实现每次只展开一行呢?这里需要再在外表格上添加两个属性以及在展开子表格方法里添加一些代码:至此,两个问题解决了!记录一下 防止下次遇到又不会了.........原创 2021-12-21 16:00:42 · 663 阅读 · 0 评论 -
72.Vue+elementUI表格多选时判断只要有一条数据不符合条件就弹出对话框提示
前言:项目中遇到表格里数据,编辑时有三个字段是必填的,然后点击操作列里的启动和左上角的批量启动时,就要判断,你所选的数据里,是否符合这三个字段全部不为空的条件,从而决定能不能进行操作。1.单条数据好判断,直接if---else就可以了if(row.user=='' || row.file=='' || row.time=='' || row.user==null || row.file==null || row.time==''){ this.$confirm('请检查编辑中必填项是否原创 2021-12-01 16:23:19 · 2072 阅读 · 0 评论 -
70.Vue+elementUI 同一系统中设置点击按钮切换两种菜单展示
前言:新开发的项目中,需要做该产品的两种不同类型的页面,对应的各自菜单又不相同,所以设置一个切换按钮,当切换后,刷新页面跳转到对应菜单的首页。1.首先在系统头部添加下拉框切换车险和非车(默认展示车险)2.默认展示车险,绑定值为1,切换到非车,绑定值就为23.在router.js和login.vue页面分别获取cookie值,判断selVal获取对应菜单数据4.结合这几个页面的逻辑,就可以切换车险和非车的菜单了,接下来就是将菜单对应的文件名建好,不要混乱了就OK...原创 2021-11-16 14:16:38 · 2428 阅读 · 0 评论 -
69.Vue+elementUI表格点击编辑按钮后没改数据,关闭弹框,再次点击编辑按钮,弹框里数据为空(已解决)
前言:在项目开发中,发现,第一次点编辑,弹框里数据赋值过来了,但关闭弹框,再次点击此条数据的编辑按钮,会发现,弹框里所有数据都为空,这是因为第一次打开没有改变数据,没有提交,数据内容不变,所以第二次打开弹框,监听的此条数据没有变化,即监听不起作用了解决方法就是,在父组件watch里监听新增编辑弹框的visible,如果为false时,就将传给子组件的rowData数组设置为空数组。watch:{ dialogFormAddEdit(value){ if(value == f原创 2021-11-11 15:08:07 · 1887 阅读 · 0 评论 -
68.Vue引用d3.js v3升级到v5办法
前言:最近开发的项目需要做力导向图,我记得之前的项目写过,就想直接按着写,谁知道一直报错,后来才发现现有的项目安装的版本是3.5.17,但代码里一些方法、属性是v4版本以上用到的,所以就想升级一下版本。我看有人说有3种方法 我就试了其中一种,对我有用,记录一下,防止下次忘了。1.先在package.json里修改d3版本到指定版本"dependencies":{ ... "d3":"5.16.0", ...}2.按Ctrl + ~ 键 输入命令行:npm updat.原创 2021-11-09 15:08:15 · 1144 阅读 · 0 评论 -
67.echarts图x轴y轴、刻度线等样式相关问题
1.不显示坐标轴刻度线xAxis:{ ... axisTick:{ show:false }}2.不显示网格线xAxis:{ ... splitLine:{ show:false }}3.设置坐标轴颜色xAxis:{ ... axisLine:{ symbol:['none','arrow'], lineStyle:{color:'#707B7C'}原创 2021-11-03 16:46:47 · 1919 阅读 · 0 评论 -
66.用js实现获取最近30分钟、最近1小时、最近1天
前言:项目里时间查询项有关于最近多少分钟的按钮选择,记一下防止忘了1.最近30分钟var date = new Date()var min = date.getMinutes()date.setMinutes(min - 30)var y = date.getFullYear()var m = (date.getMonth() + 1) < 10 ? ("0" + (date.getMonth() + 1)) : (date.getMonth() + 1)var d = date.原创 2021-11-03 14:34:05 · 2047 阅读 · 0 评论 -
65.解决循环数组后push到新数组的都是同一组数据问题
前言:有一个新功能,就是需要做到表格里每选择一条数据,在上方就添加该条数据对应的柱形-折线图,但是我在做这个功能时,遍历数据后,最后总是添加一条后就变成两个一样的了,后来经过一系列百度修改,找到问题所在了。1.原理因为Object对象是地址引用传递的,c对象在循环外声明时,每次a.push(c)添加的c都是同一个对象。就是说a[0],a[1],a[2]中存放的都是同一个对象的引用地址,在修改这个对象的属性后,所有存放这个对象引用的地方都会受到影响。2.解决问题过程(1)刚开始,我将创建的对.原创 2021-10-28 15:18:12 · 1939 阅读 · 0 评论 -
64.记录使用echarts饼图动态更新数据遇到的问题
1.数据监听不生效一个页面引入饼图组件后,需要三次使用它,分别展示不同的数据;但将数据传递给子组件后,watch根本监听不到数据,开始以为是父组件绑定数据问题,一通乱改还是没生效,就去对比了之前写的,发现监听时,需要设置handler(value){},immediate:true,否则不立即监听,就收不到数据。watch:{ pieData:{ handler(value){ ... }, immediate:tru原创 2021-10-27 16:50:53 · 1620 阅读 · 0 评论 -
60.实现elementUI表格点击某一行选中勾选框
前言:项目中需要做到除了勾选表格第一列勾选框去选中数据外,还要通过点击某一行任何地方,都可以勾选到这条数据,并且要做到选中的数据不能重复,记录一下:(全选和选中勾选框的方法就不写了 这里只写通过点击行选中勾选框)1.首先给<el-table>添加 ref='multipleTable' 和 @row-click="handleClickTableRow"<el-table ...... ref="multipleTable" @row-cli原创 2021-08-20 14:24:55 · 5419 阅读 · 1 评论 -
59.解决elementUI表格勾选数据后切换每页几条后串行问题
前言:项目里要求选择几条数据后,不论切换每页几条还是切换页数,选择的那几条数据不变,直到重新查询新的数据才不显示。之前只做到切换页数和切换每页几条后,勾选几条数据没有取消,但发现勾选后获取的数组和数据左侧打对钩的数据不对应,串行了。这是因为我监听表格数据变化时,拿自己设置的ids做比较了,一旦切换每页几条或更改页数后,ids就会变化,不是唯一的,但每条数据的id是唯一的,所以把判断依据改成id就对了,代码如下:watch:{ tableData:{ handler(原创 2021-08-16 13:28:24 · 602 阅读 · 0 评论 -
58.解决在一个方法里调用另一个方法后返回的数据获取不到问题
这是个小问题,记录一下。在项目里需要通过判断一个接口返回的数组是否为空来决定是否要清除定时器,首次调用接口,返回的数组有数据,但在清除定时器之前去console,都为空,是因为没有给它一定的时间,这里用到setTimeout(),0.5s后再去获取数据,就能获取到了。// 调用其他方法获取数据(该数组已在调用的方法里获取到对应值)this.checkSystemInfo()// 0.5s后判断此数组是否为空setTimeout(() =>{ if(this.falgArr.le原创 2021-08-12 15:53:29 · 720 阅读 · 0 评论 -
55.中文转base64以及localStorage存储获取用法
前言:项目中有用到登录后存cookie,但登录的账号有中文,所以需要转码,通过了解学习,总结一下如何将中文base64转码。还有登录之后需要将登录名放在页面右上方展示,但获取数据的接口与展示数据的页面不在同一文件内,就想到了localStorage。1.将中文base64转码的方法function utf16to8(str) { var out, i, len, c; out = ""; len = str.length; for(i = 0; i < l原创 2021-08-03 10:52:39 · 674 阅读 · 0 评论 -
54.Vue+elementUI日期时间范围选择器左侧添加快捷选项
前言:官网上只有最近一周、最近一个月和最近三个月快捷选项,但项目有要求,需要换成最近10分钟、最近30分钟、最近一小时、最近一天和最近一周,找了一些资料,写好了记录一下,以便下次使用。1.首先是日期时间范围控件(change事件和pickerOptions里的getTime方法和官网类似就不写了)<el-form-item label="操作时间"> <el-date-picker v-model="selectForm.exec_time"原创 2021-08-02 13:34:47 · 1187 阅读 · 0 评论 -
53.js如何判断滚动条是否滑动到底部
前言:这个真的!!一定要记录一下!!不然太对不起我找了各种方法都不可以最后误打误撞找到解决办法了!!我这里主要是根据滚动条是否滑动到底部来改变步骤条显示步骤的。1.在mounted()里添加window.addEventListener('scroll',this.scroll,true)2.在methods()里添加scroll()方法就可以啦...原创 2020-08-28 18:22:45 · 677 阅读 · 0 评论 -
42.JavaScript高级程序设计学习笔记(引用类型)
1.object类型创建Object实例的方式有两种:第一种是new操作符后跟Object构造函数(var person = new Object());第二种是使用对象字面量表示法(var person = {...})2.Array类型创建数组的方式也有两种:第一种使用Array构造函数(var colors = new Array(),new操作符可省略);第二种方式是使用数组字...原创 2020-01-09 10:06:17 · 152 阅读 · 0 评论 -
33.JavaScript高级程序设计学习笔记(变量、作用域和内存问题)
一、基本类型和引用类型的值1.动态的属性定义基本类型和引用类型的方法类似:创建一个变量并为该变量赋值;对于引用类型的值,可以动态改变属性和方法;但不能给基本类型的值添加属性2.复制变量值对于基本类型,一个变量从另一个变量复制基本类型的值,会创建一个新值,这两个变量相互独立:(num1与num2相互独立,互不影响)var num1 = 3;var num2 = num1;...原创 2019-12-19 15:34:33 · 172 阅读 · 0 评论 -
30.JavaScript高级程序设计学习笔记(在HTML中使用JavaScript、基本概念)
一、.在HTML中使用JavaScript1.<script>标签位置传统做法是所有script元素都应该放在页面的head元素中,但是,这就意味着必须等到全部JavaScript代码都被下载、解析和执行完成以后,才能开始呈现页面的内容(浏览器在遇到body标签时才开始呈现内容);对于需要很多JavaScript代码的页面来说,就会导致浏览器在呈现页面时出现明显的延迟,而延...原创 2019-12-12 16:12:18 · 201 阅读 · 0 评论 -
13.JS笔记复盘
前言:翻看一年前实训时的笔记,发现很多都是必记的基础知识,有很多都忘了,想着边看边记边写一次笔记,方便下次浏览。一、js基础(很基础)1.js特点:(1)解释型 (2)基于对象 (3)事件驱动 (4)跨品台2.js核心:(1)核心ECMAScript (2)文档对象模型DOM (3)浏览器对象模型BOM3.引入方式:(1)行间:在开始标签写 比如 on...原创 2019-11-18 15:58:31 · 149 阅读 · 1 评论