首页
AI Coding
NEW
沸点
课程
直播
活动
AI刷题
APP
插件
搜索历史
清空
创作者中心
写文章
发沸点
写笔记
写代码
草稿箱
创作灵感
查看更多
会员
登录
注册
前端
dangsh
创建于2021-07-24
订阅专栏
前端相关
等 14 人订阅
共45篇文章
创建于2021-07-24
订阅专栏
默认顺序
默认顺序
最早发布
最新发布
No.11 vue-element-admin 学习使用(六)复用component,布局index页面
这是我参与8月更文挑战的第11天,活动详情查看:8月更文挑战 tabs的keep-alive tab切换的时候,会重新加载,如果不希望每次切换tab都重新加载的话,就用keep-alive包裹起来。
No.10 vue-element-admin 学习使用(五)路由挂载,侧边栏刷新当前页面,table
这是我参与8月更文挑战的第10天,活动详情查看:8月更文挑战 之前自己一顿输出,看源码分析了权限的实现方式,然后发现官方有这方面的详细讲解,决定查漏补缺一下,看一下官方是怎么讲的。 首先在router
No.9 vue-element-admin 学习使用(四)登录成功后,userinfo获取,根据权限生成路由
这是我参与8月更文挑战的第9天,活动详情查看:8月更文挑战 用户登录成功之后,需要展示页面了,但是不同的用户权限是不一样的,可以看到的左侧侧边栏,可以直接通过url访问的页面,都需要知道当前登录用户的
No.8 vue-element-admin 学习使用(三)vuex学习,登录方法分析
这是我参与8月更文挑战的第8天,活动详情查看:8月更文挑战 由于保存登录状态用到了vuex,之前没系统学过vuex,先学一下vuex吧。 vuex叫做状态管理模式集中的存储组件的状态,我的理解就是存数
No.7 vue-element-admin 学习使用(二) eslint配置,登录页面学习
这是我参与8月更文挑战的第7天,活动详情查看:8月更文挑战 首先配置vscode的eslint,检查语法以及简单的自动修复 先安装eslint,然后首选项, 打开setting.json,然后把对应的
No.6 vue-element-admin 学习使用(一)clone项目,yarn安装依赖,选择国际化分支
这是我参与8月更文挑战的第6天,活动详情查看:8月更文挑战 vue-element-admin 是一个很棒的后台前端解决方案,主要用的是vue和element实现,由于我之前一直在用的是element
ajax 设置同步 解决 twbsPagination Start page option is incorrect 问题
今天做项目界面分页的时候,在同一界面中进行了两次ajax请求。 第一次请求的时候获取数据条数 第二次请求创建twbsPagination分页插件, 创建这个插件的时候需要根据数据条数来计算页面数 刚开
js replace 替换变量
今天用js的replace()处理字符串 刚开始替换固定值是没有问题的 如下: 但是不能像下面这样替换变量的, 解决方案如下: ok了
vue el-table 表头搜索(筛选)功能 头部添加搜索icon 一个页面有多个table表格 render-header传参(四)
在同一个页面中有多个表格时,需要对父组件进行一些修改 在render-header 时 多传递一个参数 来标记新的table 在createElement 时将tableType传给子组件 在子组件中
vue el-table 表头搜索(筛选)功能 头部添加搜索icon 点击重置按钮,重置对应字段的筛选条件(三)
如果在数据筛选时对原始数据进行操作,那么想重置该筛选条件的话,就需要重新获取数据(刷新页面) 不合理,需要实现重置某筛选条件的功能。 组件内部的重置按钮click方法 将组件input框中的数据清空,
vue el-table 表头搜索(筛选)功能 头部添加搜索icon 点击popover外时,关闭popover 自定义指令(二)
在可以点击打开后 发现和antd还有什么不一样的地方 原来是在点击icon打开popover时,想关闭这个popover需要再次点击icon 这很明显不合理,更合适的方法是点击其它任何区域,都会隐藏这
vue el-table 表头搜索(筛选)功能 头部添加搜索icon 点击显示popover 阻止在字段排序(一)
使用elemen的render-header 在funcion中 用createElement 创建虚拟DOM。 首先创建SelectHeader.vue组件 由于element内置icon的sear
vue el-table 表头搜索(筛选)功能 实现分析(零)
重点: 先看一下最终的实现效果 如果是你想要的 就可以看下去~ 由于公司一部分业务是antd写的,一部分是element写的 antd的table内置了搜索功能,像下面这样 但是element中只内置
Highcharts vue时间少8个小时
在vue项目中用到highcahrts 的时候,接口传来时间戳,但是highcharts自动转换为时间格式的时候少了一天 我想要的结果是这样
Not allowed to navigate top frame to data URL,前端页面打开新窗口预览base64数据遇到的问题解决
需求是附件上传功能, 实现方式是将文件的base64存入库中,在需要下载的地方获取这个base64 前端框架用的vue 在下载这个base64文件的时候是没有问题的 但是如果想跳转新页面打开这个bas
Element Vue el-table组件内容的千位分隔
实现功能如: 后端返回1234 表格中显示为1,234 贴一下官方文档地址 https://element.eleme.cn/#/zh-CN/component/table 在官网中这样提到 这边改为
修改element 组件的样式 el-transfer修改宽度
el-transfer默认宽度是200px 在内容较长的时候,无法展示完全 需要修改该组件的宽度 处理方法是 采用定位组件的方法,通过组件外层的class或id定位,使用 >>> 进行样式穿透。 在e
Vue定时器轮询 及 销毁定时器
项目中我们经常需要实现轮询 每隔几秒请求一次接口刷新数据 一般都会使用setInterval,但要注意单纯使用它可能导致页面卡死 原因是setInterval不会清除定时器队列,每重复执行1次都会导致
Vue Highchart 数据修改时 时间选择轴重置 setExtremes
像这种 默认选择AP 当修改series的数据,图改变时 下方的时间默认是之前的时间,影响用户体验。 只需要在修改series后,获取到char组件,调用setExtremes方法即可
vue element popover input focus() 不生效 解决办法
popover中有input 但是在点击触发popover时,input未获取到焦点 需要手动点击才能输入,效果如图 影响用户体验, 需要改进一下 首先想到的方法是 给el-input 添加ref,获
下一页