UI框架功能实现
化而为鸟
不要随便找个参照物就堕落的理所应当
展开
-
Element复选框编辑回显问题
由于项目需要,碰到复选框编辑回显问题,因为数据格式与官网格式不同,所以试了许多次未果,百度上的答案也千奇百怪,后来经过公司大佬点拨实现了功能,所以记录一下,希望可以帮助同样遇到坑的朋友。图中数据为表中点击某一行的传入编辑页中的数据这是我根据后端返参类型写的假数据因为element中直接使用字符串与项目数据不同,将数据改为对象回显时走了许多坑图中ckecks为当前复选框中所有数据,label指向id值,key值为下标disabled因为我项目中回显后选中不可编辑,如果没用这种效果可不写input框原创 2020-09-17 00:25:55 · 2104 阅读 · 0 评论 -
Element-ui中实现导航菜单
写这个的原因是因为当时写这个功能时候element只有效果,但是功能没有实现,当时一头雾水先放图吧大体实现思路我先讲一下不然下面代码片段会看懵,圈出来的左右两部分,左边是element复制就可实现,右边是跳转的子组件。首先创建导航菜单的vue文件,但这个文件里面只是引入组件,里面使用Container布局容器实现左右两部分,左边el-aside标签中放入导航菜单的组件,右边el-main标签中写<router-view></router-view>实现路由跳转即可导航菜原创 2020-05-11 23:43:15 · 4751 阅读 · 0 评论 -
ElementUI分页与增删改合并
之前有做过表格增删改与分页效果,今天闲着没事,把两个合并试了试,主要合并之后有一个问题,如果第二页有一条数据,删除后不会跳转到上一页,之前因为删除数据有点问题(自己写的bug),导致结果偏差,以为方法不可行,后来被人指点,修改以后方法可行具体思路很简单,如果总数据对每页存放最大数据求余,如果余数为1,当前页数-1,因为当时试了element里面的分页,如果只有1页,跳转第0页,还是会在第一页,不...原创 2020-01-04 14:38:04 · 252 阅读 · 0 评论 -
vue中使用axios设置请求头
get方式请求this.axios .get( "http://www.*****.com", { headers: { Authorization: this.tokens }, //设置的请求头 //传入的参数 params: { ...原创 2019-12-30 19:45:57 · 4963 阅读 · 0 评论 -
Element UI实现分页效果
首先,分页的实现要关联table表<el-table :data="userList.slice((currentPage-1)*pagesize,currentPage*pagesize)" >data这句必须要写(固定写法)分页效果代码直接复制elementUI<el-pagination></el-pagination>这个标签是分页标...原创 2019-12-24 16:39:08 · 684 阅读 · 0 评论 -
ElementUI实现表格增删改查
之前在vue中实现表格增删改查,但是没有样式所以就比较丑,这次使用elementUI框架实现该功能界面样式进行优化,如果有需要的可以直接复制代码运行,前提全局安装elementUI这些 <template> <el-row> <el-row> <el-col :span="3"><el-button type=...原创 2019-12-24 16:30:18 · 3443 阅读 · 1 评论 -
移动端弹出软键盘时会将页面顶上去
之前做移动端项目时有出现过这样的情况,主要原因是因为当软键盘弹出,因为软键盘与页面处于相同层级,软键盘的出现会破坏原本的样式,造成部分页面不可见问题还有一个细节问题,之前因为会出现浏览器保存的信息(类似于模糊查找),弹出后如果不选择弹出的选项的话,直接关闭软键盘,弹出的位置不会改变,影响效果需要在input框阻止自动填充注:当时我设置最外层父元素为相对定位,不可将之设置为固定定位,否则下面样...原创 2019-12-24 00:27:33 · 3312 阅读 · 0 评论