- 博客(13)
- 收藏
- 关注
原创 Element-UI table使用fixed=“right“错位解决方案汇总
1.在获取数据的时候使用el-table的doLayout方法2.加全局样式.el-table__fixed-right{ height: 100% !important; }3.如果以上方法不生效可以打开编辑器查看css,看看是不是有max-height.el-table__fixed-body-wrapper { max-height: 100% !important; }...
2022-01-05 11:59:22
4344
1
原创 antd v3版本升级到最新版
准备工作:保存最新代码,删除node_modules、package-lock.json、yarn.lock。第一步修改“dependencies”: {“@ant-design/compatible”: “^1.0.0”,“@ant-design/icons”: “^4.6.4”,“antd”: “^4.0.0”,(首先升级到最初4版本,要不然升级会报错)“react-dom”: “^16.9.0”,“react”: “^16.9.0”,}第二步升级使用 npx -p @ant-des
2021-09-02 15:16:31
1363
原创 element UI table固定表头出现滚动条与页面滚动条冲突
解决思路:鼠标进入存放table的div页面滚动条消失,table滚动条滚动,离开页面滚动条出现<template> <div class="content"> <div class="table" @mouseover="tableHover" @mouseout="tableOut"> <!-- table --> </div> </div></template><scr
2020-09-18 17:52:23
1668
原创 vue中引用echarts折线图谱
效果图如下:在vue项目中引用echarts,首先安装依赖npm i echarts -D由于在页面中多次应用,所以封装成组件多次使用,echarts在同一页面多次引用时会出现只展示一次,所以在使用echarts绑定元素的时候,把获取id名换成绑定ref。普通: let myChart = echarts.init(document.getElementById("box"));修...
2020-04-22 16:09:20
353
原创 element ui Tree 树形控件如何做权限列表
先上效果图:权限列表基于模块的区分,所以使用element ui 的树形控件非常方便,首先需求是选中编辑权限之后查询权限默认选中,选中查询权限不需要选中编辑权限,取消查询权限按钮编辑权限自动取消,选中子级之后父级默认选中,父级取消之后子级取消(附数据格式)。<template> <div class="mytree"> <el-tree ...
2020-04-22 15:28:28
1159
原创 element ui NavMenu 导航菜单页面刷新时菜单选中状态丢失解决方法
element ui NavMenu 导航菜单一般做为后台管理系统的切换菜单,在选中菜单跳转页面时会有高亮提示用户选择的哪一个菜单,但是会出现的问题是在跳转页面之后用户如果刷新页面选中的高亮状态就会丢失,这时候只需要在官方给出的例子中做出一点小小的修改就可以实现。官方提供:<el-menu-item index="1-1">选项1</el-menu-item>修改后...
2020-04-22 14:26:34
2924
原创 前端如何登录前防止地址栏输入页面路径直接跳转页面
在项目中,我们一般会加入对于登录用户的权限判断,一般后端在我们请求数据的时候去判断是否为登录状态,如果我们在浏览器中打开一个登录页面去登录跳转页面,再去打开浏览器的另一个页面直接粘贴跳转后的路由去进入页面,这时候需要我们在路由的钩子函数中去做一个登录的判断,在登录时我们需要在sessionStorage中存入一个值作为判断,(因为sessionStorage存入的值只存在于当前的页面),这样在每次...
2020-04-22 14:12:41
5918
1
原创 前端登录页如何做记住密码
前端登录页如何做记住密码在一般的项目中,我们需要在登录页面点击登录时记住密码,比较方便下次登录时快速登录,这个时候我们需要在点击登录时判断记住密码是否为选中状态,如果是选中状态把用户名和输入框的值存入localStorage,如果未选中则清除存入的值。 //记住密码 if (this.checked) { localStorage.setItem("...
2020-04-22 13:54:54
1748
1
原创 关于重装vscode打不开的三种解决方法,亲测有用
在vscode提示更新时,选择更新之后报错,后来准备重装vscode,发现第一次打开可以用,后面再去打开变成无法运行,在网上搜索很多方法都没有解决,搞得非常头疼,还好在贴吧翻评论找到解决方法,第一二种方法来自百度搜索,第三种来自贴吧评论,亲测整理(我使用了第三种方法解决)。第一种方法比较常规,大部分在百度可以搜索到,直接在开始页面搜索cmd,右击用管理员身份打开,输入命令netsh winso...
2019-11-19 15:12:47
12614
2
原创 vue生命周期
vue生命周期什么是生命周期?生命周期最早是在react框架提出、Vue借鉴,因为react和Vue都是组件化开发思想,Vue的生命周期是从Vue实例创建、挂载、更新、销毁期间,总是伴随着各种各样的事件,这些事件统称为生命周期。因为所有的生命周期钩子函数自动绑定this上下文的实例中,所以不能使用箭头函数来定义生命周期。创建分为创建之前(beforeCreate)和创建之后(created),...
2019-08-31 14:09:04
208
原创 前端数据交互的五种方式
数据交互的主要五种方式:xhr 、$.ajax 、fetch、axios 、vue-resource。1.XMLHttpRequest是原生js基于浏览器所提供的一种可以数据交互的方式。优点:1.在不重新加载页面的情况下更新网页2.在页面已加载后从服务器请求数据3.在后台向服务器发送数据4.所有现代的浏览器都支持 XMLHttpRequest 对象。2.$.ajaxjQuery的aj...
2019-08-31 11:49:06
3324
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人