自定义博客皮肤VIP专享

*博客头图:

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

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

博客底图:

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

栏目图:

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

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+

银河与猫的博客

前端开发相关问题记录(着重于VUE相关)

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

原创 93.F5刷新改变当前页面时间

需求:在首页F5刷新需要更改右上角时间选框时间为:当前时间的最近15分钟,在其他页面刷新时间不变。

2024-01-31 09:33:27 235

原创 92.更新一些收藏的经验贴总结学习

十进制(八进制、十六进制)转二进制:除2取余法二进制转十进制:从右到左按权展开(2的n次方)二进制转八进制:3位一划,从右到左按权展开,不足补零(2的n次方)二进制转十六进制:4位一划,从右到左按权展开,不足补零(2的n次方)十进制转八进制(十六进制):除8(16)取余法八进制(十六进制)转十进制:从右到左按权展开(8的n次方或16的n次方)八进制与十六进制相互转换:可先转为二进制(十进制)再相互转换十进制负数转八进制(十六进制):先将负数写为补码再用二进制转换。

2023-11-07 16:51:29 352

原创 91.更新一些和软件设计师考试相关的笔记

节点总数=分支数目+1 即:5+4+2+叶子节点数 = 5X1+4X2+2X3 + 1 => 11+X = 20 X = 9。软件错误--冗余附加技术包括:冗余备份程序的存储及调用、实现错误检测和错误恢复的程序、实现容错软件所需的固化程序。16.具有n个结点的二叉树有f(n)种 --> f(n) = (2n)!(1)N皇后问题 回溯法 n=4时 有2种摆放方式(2 4 1 3 ) (3 1 4 2)保持模块的相对独立性、模块的规模适当、分散模块要注意层次。

2023-11-06 08:53:58 158

原创 90.relation-graph拓扑图手工设定坐标、更换节点图片、点击弹出菜单并设置连线变粗添加文字

根据官网示例以及项目需求,调整本拓扑图所需样式、数据。记录一下,防止下次忘记。

2023-08-14 09:49:34 1335

原创 89.实现长时间不操作页面会自动退出到登录页面

/ 超时后会跳转到登录页面 所以需要清除cookie、localStorage和sessionStorage。// 判断当前路径是否为登录,若不是则跳转到登录页面。// 获取鼠标按下后的最后时间。// 设置超时时间:12小时。// 鼠标按下时更新最后时间。// 判断是否超时方法。

2023-07-11 16:06:13 507

原创 88.el-tree点击除叶子节点外其他节点时取消高亮并将点击前的叶子节点设置高亮状态(即保持点击其他节点前的状态)

之前实现过点击节点时设置高亮功能了,在另一篇文章里。但又要求在点击除叶子节点外其他的比如一级节点、二级节点时,不出现高亮效果并且,保持上一个点击的叶子节点高亮状态。接下来说一下实现方法。(首先说明,我的例子里,type为0或3的为叶子节点,type为1和2的为一级和二级节点)......(上步代码)......(上步代码)结语:以上就是本次问题解决方法,希望我能记住。

2023-07-06 14:06:22 1208

原创 87.el-table翻页后保存前一页所选并再次返回前一页时把数据勾选上

以上就是在表格翻页时保存翻页前选中的数据并返回那页后再次勾选上的解决方案。// 在接口返回数据赋值给tableData后。// 若取消全选,则当前页的选中数据移除。每天积累一个小知识 坚持!

2023-05-22 16:58:24 875

原创 86.el-tree设置第一层和第二层不可勾选但没有子节点的第一层可勾选

将没有子节点的那层type设置为0,叶子节点type为3,第一层type为1,第二层type为2;type为1或2时,给节点添加isChange=false,type为0或3时,isChange为true。// 为带有is-disabled的节点添加display:none;// 为叶子节点添加dispaly:inline-block;// 为不带is-leaf的节点添加display:none;// 调用方法为节点添加disabled属性。然后再调用一个方法,循环树形数据,

2023-05-18 11:14:13 1671

原创 85.解决el-tree默认选中第一个节点且选中时更改背景色字体等以及设置鼠标悬浮时只有叶子节点为小手状态

然后在添加对应的样式(这里要注意在点击父节点时取消其子节点样式),记得给el-tree元素外层元素添加class名区分一下(我这里给它的上层元素添加的class名为:organization_configuration)的元素,改为数组,遍历该数组,然后在其内再遍历tree数据的数组,因为默认都是小手状态,所以判断type为1或2时,对该元素style样式做处理。这里后端接口返回的数据叶子节点的type为0或3,type为1和2的都是父节点,所以先获取所有class名为。

2023-05-12 14:56:39 3019

原创 84.elementUI表格动态更改列名

前言:因为项目要求,需要根据接口返回的type判断,动态更改表格第一列的列名以及对应的值,刚开始自己通过v-if判断type的值,来展示对应字段的值,但是不知道为什么会出现接口返回值了,但页面没有展示出来,所以再三研究加百度,找到解决办法了!不想打字了,直接截图吧:希望自己长记性,下次不要再不会了!!!...

2022-05-13 08:51:02 653

原创 83.echarts力导向图点击节点更改背景色并在点击下一个节点时还原之前节点背景色

啊啊啊啊可算做出来了!!!过程下:希望我长记性!!!!已经为此花费了整整6个小时了!!要哭死!!

2022-05-11 14:21:50 310

原创 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 982

原创 81.Vue中echarts图表联动处理

我竟没想到如此简单!!!以下方法适用于引用同一组件 的多个图之间联动。在引用的组件里 initChart()方法里的setOption语句后边添加两行代码就可以!!!this.myChart.group = 'group1'echarts.connect('group1')zhuyi...

2022-03-24 17:20:57 1789

原创 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 930

转载 79.elementUI表格表头添加悬浮展示

果然度娘深得我心!!绝了!!!转一下 别忘了。。。ElementUI表格中添加表头图标悬浮提示_阿雷前进中...的博客-CSDN博客_elementui悬浮提示<el-table-column label="操作" fixed="right" :render-header="tableAction" width="120"> <!--scope 即为 userList scope.row即为当前行数据 --> <template slot-scope="scope"&g

2022-01-07 16:32:56 1223

转载 78.elementUI表格展开行有些行可展开有些行不可展开

根据接口返回的数据里某一行的某一个字段来判断这行是否可展开:果然,百度诚不欺我!!转一下,记录一下,防止忘掉......Element ui table expand展开,某些行需要展开,某些行不需要展开_struggling_web的博客-CSDN博客把大象放冰箱里需要几步1.添加自定义属性名2.根据自己的情况定义类名3.通过css控制 .expand 的显示隐藏ok!!成功把????放进冰箱https://blog.csdn.net/qq_45939795/article/details/1

2022-01-06 14:07:45 485

原创 77.实时刷新和重置(每隔1分钟请求一次所有接口)

前言:项目中有几个页面需要在右上角添加实时刷新和重置按钮,这里用灯泡亮代表实时刷新,灰停止实时,点击重置会重新实时刷新。1.先在页面右上角添加实时刷新灯泡和重置按钮

2022-01-06 10:27:49 2255

转载 76.解决Vue引用echarts报错Cannot read property ‘getAttribute‘ of undefined

记录一下 防止下次遗忘:vue使用echarts报错TypeError: Cannot read property ‘getAttribute‘ of undefined_weixin_40624809的博客-CSDN博客问题情况自定义一个名为change的函数,函数里面是echarts的渲染代码在created里面调用change,报错:TypeError: Cannot read property ‘getAttribute’ of undefined解决方案在mounted里面调用,或者在crea

2021-12-22 15:02:33 507

原创 75.为元素添加横向滚动条及隐藏纵向滚动条

铭记:需要设置父元素宽度为100%,然后各个子元素宽度加起来要超过父元素的宽度,不然不会显示滚动条<div> <ul> <li>1</li> <li>2</li> <li>3</li> </ul></div>ul{ width:100%; // 此时宽度若为1000px overflow-x:sc

2021-12-22 10:18:09 593

转载 74.解决Echarts图标切换后缩成一团的问题

已经遇上两次这种问题了,需要转一下原博主的文章记录一下,防止下次再忘了!!解决ECharts图表切换后缩成一团的问题_King汀的博客-CSDN博客_echarts图缩成一团

2021-12-21 17:37:40 1566

原创 73.elementUI表格展开行实现只展开一行以及打开子表格获取接口数据遍历不到子表格上的问题(已解决)

1.首先说一下点击表格展开行符号调接口获取子表格数据却遍历不上问题直接将接口数据赋值给子表格绑定的tableData1数组是无法将数据带到子表格里的,需要改成map接口数据,然后将每一个item逐个push到tableData1数组里。2.怎样才能实现每次只展开一行呢?这里需要再在外表格上添加两个属性以及在展开子表格方法里添加一些代码:至此,两个问题解决了!记录一下 防止下次遇到又不会了.........

2021-12-21 16:00:42 619

原创 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 2026

原创 71.elementUI表格去掉表头

果然还是度娘深入我心!!!就设置一个属性 完美解决!!!1.原始表格代码:<el-table :data="tableData" style="width: 100%"> <el-table-column prop="date" label="日期"></el-table-column> <el-table-column prop="name" label="姓名"></el-table-column>

2021-11-23 15:08:49 2615

原创 70.Vue+elementUI 同一系统中设置点击按钮切换两种菜单展示

前言:新开发的项目中,需要做该产品的两种不同类型的页面,对应的各自菜单又不相同,所以设置一个切换按钮,当切换后,刷新页面跳转到对应菜单的首页。1.首先在系统头部添加下拉框切换车险和非车(默认展示车险)2.默认展示车险,绑定值为1,切换到非车,绑定值就为23.在router.js和login.vue页面分别获取cookie值,判断selVal获取对应菜单数据4.结合这几个页面的逻辑,就可以切换车险和非车的菜单了,接下来就是将菜单对应的文件名建好,不要混乱了就OK...

2021-11-16 14:16:38 2397

原创 69.Vue+elementUI表格点击编辑按钮后没改数据,关闭弹框,再次点击编辑按钮,弹框里数据为空(已解决)

前言:在项目开发中,发现,第一次点编辑,弹框里数据赋值过来了,但关闭弹框,再次点击此条数据的编辑按钮,会发现,弹框里所有数据都为空,这是因为第一次打开没有改变数据,没有提交,数据内容不变,所以第二次打开弹框,监听的此条数据没有变化,即监听不起作用了解决方法就是,在父组件watch里监听新增编辑弹框的visible,如果为false时,就将传给子组件的rowData数组设置为空数组。watch:{ dialogFormAddEdit(value){ if(value == f

2021-11-11 15:08:07 1847

原创 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 1102

原创 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 1861

原创 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 1948

原创 65.解决循环数组后push到新数组的都是同一组数据问题

前言:有一个新功能,就是需要做到表格里每选择一条数据,在上方就添加该条数据对应的柱形-折线图,但是我在做这个功能时,遍历数据后,最后总是添加一条后就变成两个一样的了,后来经过一系列百度修改,找到问题所在了。1.原理因为Object对象是地址引用传递的,c对象在循环外声明时,每次a.push(c)添加的c都是同一个对象。就是说a[0],a[1],a[2]中存放的都是同一个对象的引用地址,在修改这个对象的属性后,所有存放这个对象引用的地方都会受到影响。2.解决问题过程(1)刚开始,我将创建的对.

2021-10-28 15:18:12 1889

原创 64.记录使用echarts饼图动态更新数据遇到的问题

1.数据监听不生效一个页面引入饼图组件后,需要三次使用它,分别展示不同的数据;但将数据传递给子组件后,watch根本监听不到数据,开始以为是父组件绑定数据问题,一通乱改还是没生效,就去对比了之前写的,发现监听时,需要设置handler(value){},immediate:true,否则不立即监听,就收不到数据。watch:{ pieData:{ handler(value){ ... }, immediate:tru

2021-10-27 16:50:53 1524

原创 63.纯css实现文字左右循环滚动效果

前言:新开的一个项目里,要求每个页面正上方都要有滚动播报,所以先用css实现一下循环滚动效果(后续需要持续播报1分钟以及及时更换内容,可能就要用到js了......)1.首先在页面确定滚动播报位置及信息<div class="search-network"> <i class="el-icon-microphone">广播栏:</i> <div id="box"> <span class="animate">滚动播放消息

2021-10-22 13:35:13 3855

原创 62.使用npm install 安装依赖报错问题解决

公司连外网需要代理 最近发现电脑本地的npm不能用了 npm安装Vuecli都开始报错了 百度发现 有可能是因为代理失效 再全局下设置一下代理就可以了npm config set proxy http://server:port记录一下 以防下次遇见再忘了.........

2021-09-14 17:30:35 181

转载 61.发现一个不用下载安装Axure RP Extension for Chrome插件就能看原型的方法

前言:今天查看原型,但一打开Chrome就直接跳转页面让我下载安装插件,后来百度找到这个方法,记录一下,以防下次再忘。原文:https://blog.csdn.net/qq_38516799/article/details/90647154

2021-09-09 17:52:48 269

原创 60.实现elementUI表格点击某一行选中勾选框

前言:项目中需要做到除了勾选表格第一列勾选框去选中数据外,还要通过点击某一行任何地方,都可以勾选到这条数据,并且要做到选中的数据不能重复,记录一下:(全选和选中勾选框的方法就不写了 这里只写通过点击行选中勾选框)1.首先给<el-table>添加 ref='multipleTable' 和 @row-click="handleClickTableRow"<el-table ...... ref="multipleTable" @row-cli

2021-08-20 14:24:55 5291 1

原创 59.解决elementUI表格勾选数据后切换每页几条后串行问题

前言:项目里要求选择几条数据后,不论切换每页几条还是切换页数,选择的那几条数据不变,直到重新查询新的数据才不显示。之前只做到切换页数和切换每页几条后,勾选几条数据没有取消,但发现勾选后获取的数组和数据左侧打对钩的数据不对应,串行了。这是因为我监听表格数据变化时,拿自己设置的ids做比较了,一旦切换每页几条或更改页数后,ids就会变化,不是唯一的,但每条数据的id是唯一的,所以把判断依据改成id就对了,代码如下:watch:{ tableData:{ handler(

2021-08-16 13:28:24 568

原创 58.解决在一个方法里调用另一个方法后返回的数据获取不到问题

这是个小问题,记录一下。在项目里需要通过判断一个接口返回的数组是否为空来决定是否要清除定时器,首次调用接口,返回的数组有数据,但在清除定时器之前去console,都为空,是因为没有给它一定的时间,这里用到setTimeout(),0.5s后再去获取数据,就能获取到了。// 调用其他方法获取数据(该数组已在调用的方法里获取到对应值)this.checkSystemInfo()// 0.5s后判断此数组是否为空setTimeout(() =>{ if(this.falgArr.le

2021-08-12 15:53:29 689

原创 57.elementU表格固定列在左侧或右侧不动

项目要求表格里前两列系统列、子系统列和最后一列操作列都需要固定住,在左右拉动水平滚动条时,这3列始终保持原来位置不动。给前两列的<el-table-column>加上fixed="left",给操作列加上fixed="right"<el-table-column prop="system" label="系统" fixed="left"></el-table-column><el-table-column prop="subsystem" label="

2021-08-10 16:48:04 5506

原创 56.elementUI表格调整列宽后表头和内容宽度不一致问题解决

在项目app.vue文件的style里添加:<style> body .el-table th.gutter{ display:table-cell!important; }</style>

2021-08-10 15:29:16 1572 2

原创 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 637

原创 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 1140

空空如也

空空如也

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

TA关注的人

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