el-menu实现路由跳转及当前页的导航

1、el-menu-item 路由跳转 要实现路由跳转,先要在el-menu标签上添加router属性,然后只要在每个el-menu-item标签内的index属性设置一下index即可实现点击el-menu-item实现路由跳转。 这样还是不够的,刷新页面后, el-menu-item 展示项不是当前页。 2、el-menu-item 展示当前页的导航 导航当前项,在el-menu标签中绑定  […]

继续阅读 …

vue + elementUI 框架下给el-table 增加一条数据,默认滚动条定位到表格的最底部

需求: 需要给表格增加数据,然后数据多的情况下表格会出现滚动条,需要默认定位到表格的底部。 一般的js的做法是: 因为用到了elementUi框架,不容易获取到表格里面的某个元素的id,所以上面方法不是很适用,查相关资料发现,el-table里有个 bodyWrapper  它指向的是el-table的表格内容部分,存在 scrollTop,scrollHeight 属性,所以可以用下面方法来实现[…]

继续阅读 …

elementUI压缩图片和将图片转成base64格式

为了降低资源服务器的消耗、有些时候需要前端压缩图片,转码等一些处理。 一、Base64的优点和缺点 图片转换成base64格式的优缺点 1. 优点 (1)base64格式的图片是文本格式,占用内存小,转换后的大小比例大概为1/3,降低了资源服务器的消耗; (2)网页中使用base64格式的图片时,不用再请求服务器调用图片资源,减少了服务器访问次数。 (3)base64编码的字符串,更适合不同平台、[…]

继续阅读 …

elementUI中table中自定义修改时间格式2020-10-26T10:00:00

问题描述: 前端使用el-table查询到后台的数据的某一列时间列默认是标准UTC格式,如果想按照自己想显示的格式获取年月日和时分秒进行显示怎么办 ? 方法一: elementUI中的table提供了formatter这个属性来对传入的数据进行用户自定义的格式化 方法二: 在此列上添加template,显示的内容调用函数parseDateFull,参数为后台返回的时间。 方法三: 在遍历的时候执行[…]

继续阅读 …

vue使用el组件 在el-tabs中 刷新页面保持不变

问题: 在使用elementUI的el-tabs时,会遇到这样一个问题。就是当你切换到第一个标签页后面的标签页,刷新页面,会回到第一个标签页。原因是因为切换标签页,是页面局部刷新。刷新页面,是页面整个刷新,是全局的。 解决方案: 使用本地存储localStorage来进行tab状态的记忆 1. 绑定el-tabs组件命名为activeName,改变tab触发 tabHanld 方法 2.activ[…]

继续阅读 …

vue+elementUI的el-form的回车键登录

vue+elementUI的el-form的回车键登录,监听键盘来触发事件 整理方法如下: 1.当只有一个el-input的时候,可以用elementUI的自带的回车键触发提交事件 但是有时候会同时触发刷新页面,这样可以在el-form上添加@submit.native.prevent来解决 2.使用回车键enter来进行登录,在登录按钮上面添加native-type=“submit” 3.监听键[…]

继续阅读 …

解决 elementUI 切换table后 el_table 固定列下方多了一条线

问题: element-ui 在tab选项卡的页面点击tab切换后,表格中若存在某一列使用了fixed属性固定,会在固定列的底部出现一行横条,如下图所示: 解决方法: 1.修改全局css 2.只修改局部css 添加上面代码后,只能解决左边固定列最后一行多出的横线 若左右都有固定列时,添加以下代码即可

继续阅读 …