element后台
优雅格子衫
冲鸭 程序员
展开
-
el-upload上传组件进行二次封装可上传图片,视频获取视频时长。
对element-ui组件的upload组件再一次封装,简单记录。注意点:该组件现在仅支持单图和单个视频上传。原创 2024-05-16 23:36:54 · 185 阅读 · 0 评论 -
vue路由跳转父页面隐藏
1.定义路由时在meta增加一个参数用来判断。原创 2023-12-20 21:50:02 · 434 阅读 · 0 评论 -
vue 菜单高亮,多级菜单保持高亮
监听路由变化判断要跳转的路由中是否存在childrenUrl,存在则表示他是多级路由拿到他的childrenUrl给vuex中的defaultActive。修改vuex中的值并使用sessionStorage做到持久化储存避免页面刷新菜单高亮失效。这个defaultActive放到vuex中方便后续操作。1.在创建路由的时候给子路由多增加一个参数用来判断。主要实现多级路由跳转后还想保持左侧菜单高亮。原创 2023-12-19 21:35:33 · 614 阅读 · 0 评论 -
vue 后台面包屑导航
基于vue2+Element-ui实现动态面包屑导航。如图效果需要用到Element-ui中的和组件,再使用进行和sessionStorage做到持久化储存。先看一下页面结构。原创 2023-12-19 20:58:47 · 1094 阅读 · 0 评论 -
vue--Element-UI上传视频音频获取时
1.封装获取时间方法。2.再upload上传之前拿到上传的file文件,调用方法。原创 2023-10-03 18:42:34 · 1060 阅读 · 2 评论 -
vue后台Element-ui实现图片上传后拖拽排序
在组件下面先局部引入拖拽组件vuedraggable,import draggable from 'vuedraggable';3.定义组件接收参数,上传图最大值,宽,高,圆角,回显数组,然后监听当前数组值变化再传递给父组件。项目基于vue2,element2,vuedraggable2,话不多说直接开整。直接在项目components下面创建组件名为uploadImg。2.使用element的upload组件,创建mystyle对样式穿透动态修改。4.在父组件使用,按钮提交作校验成功拿到数组数据。原创 2023-10-03 18:33:59 · 1155 阅读 · 1 评论 -
element-ui Table组件使用fixed=“right“后显示错位问题
首先在table表格加上ref,让后在页面mounted调用 table的doLayout方法。原创 2023-08-12 16:19:43 · 385 阅读 · 2 评论