代码编织梦想

el-爱代码爱编程

对element-ui组件的upload组件再一次封装,简单记录。下面是效果图。 注意点:该组件现在仅支持单图和单个视频上传。 <template> <div :style="myStyle"> <div class="uploads" :style="{ width

vue 菜单高亮,多级菜单保持高亮_vue如何设置多级菜单选中高亮-爱代码爱编程

主要实现多级路由跳转后还想保持左侧菜单高亮。 1.在创建路由的时候给子路由多增加一个参数用来判断。 { path: '/EchartsZz', name: '柱状图', com

el-爱代码爱编程

对element的el-upload组件进行简单的封装,发情请求携带参数,有预览和删除。   样式基本就是这样,可根据自己项目需求再更改。 先在components创建文件upload_img.vue,代码粘贴即用。 <template> <div :style="myStyle"> <di

vue 和element上传视频音频获取时长。_vue 上传视频获取时长-爱代码爱编程

1.封装获取时间方法。 getTimes(file) { var content = file; //获取录音时长 var url = URL.createObjectURL(content); //经测试,发现audio也可获取视频的时长

vue elementui 实现图片上传后拖拽排序,删除,预览二次封装。-爱代码爱编程

其实element的uoload已经有好多功能了,但是多图上传的时候排序不能修改,此次根据项目需求对组件上传一系列进行了组件封装. 项目基于vue2,element2,vuedraggable2,话不多说直接开整。 npm i -S vuedraggable 插件下载 1。创建组件。直接在项目components下面创建组件名为uploadImg

element-ui table组件使用fixed=“right“后显示错位问题-爱代码爱编程

问题描述直接上图。   首先在table表格加上ref,让后在页面mounted调用 table的doLayout方法。   mounted() { //请求列表数据 this.getdata() window.onresize = () => { ret