浩星

我们在使用上传方法的时候，是可以拿到文件的file文件的，里面有很多文件信息，比如size大小等信息，但是没有宽高这类的，那么我们上传图片经常会需要这些属性。

实现element的列表动态排序效果

前言： 对element的tree进行二次处理，让他的内容多的时候可以自动换行实现效果：封装组件subjectTree.vue<template> <el-tree class="subjectTree" :data="data" :props="defaultProps" @node-click="handleNodeClick"> <div slot-scope="{ node, data }" c...

前言： 在element中使用loadding的时候，在js中调用的，还是不太方便，这里把他封装下。先写一个 loading.js 文件：import { Loading } from 'element-ui'; let loadingCount = 0;let loading; const startLoading = () => { loading = Loading.service({ lock: true, text: '加载中……', ...

前言： element中功能是挺多的额，包括了支持一页显示多个，中间的立体显示效果实现效果：实现步骤：1.基于element的走马灯进行二次封装的swiper.vue<template> <el-carousel class="swiperUl" :type="swiperType" :height="swiperHeight" :initial-index="initialIndex" :trigger="...

前言： 因为自定义指令一般直接加在页面html标签上，但是element封装好的confirm的确认按钮没法添加自定义指令如图：用js的confim实现的弹框实现步骤：1.template里面：v-clickevent是自定义事件 <!--确定撤回按钮--> <div style="display:none;" ref="replaceCancel" v-clickevent="{'name':'确定撤回','elemName':'确定撤回'...

前言： 在使用element input框type=“number”,maxlength属性不起作用问题发现： maxlength属性对type="number"类型的输入框无效，text类型亲测有效解决方法如下：加一个oninput，限制多少位数就多少oninput="if(value.length > 4) value=value.slice(0, 4)" <el-input v-model="pers...

前言： 通过vue的element框架的上传功能来封装一个上传图片的插件，支持点击和拖拽。实现效果1：通过 showFileList 来控制，false是第一种效果，true是第二种，需要使用v-view这个图片查看插件实现效果2：实现步骤：一、先引入相关文件一共两个，一个是uploadImg.vue ，一个是imgView.vue1、uploadImg.vue<template> <div class="uploadImgBody...

前言： element-ui的表格超出部分显示省略号。这里实际是官方有提供的属性：show-overflow-tooltip使用：注意在哪一行需要显示省略号，就给那个表头加官方api:Table Attributes参数 说明 类型 可选值 默认值 data 显示的数据 array — — height Table 的高度，默认为自动高度。如果 height 为 number 类型，单位 px；如果 heig...

前言： 对element的上传组件进行二次封装，让他可以实现上传下载功能。实现效果：手动上传，不是自动，选中文件后可上传，也可清空选中文件，单个删除也是可以的实现步骤：1、封装好的uploadAndDown.vue源码， 引入就好<template> <el-upload v-if="Refresh" class="upload-demo" ref="upload" :a...

前言： 最新又回忆并且整理下之前的资料，在这里共享下把，主要是element-ui框架里面对table的使用，因为element-ui不可以像我们iview框架一样可以直接的在表头里面写render函数，我这里把element-ui的table进行二次封装，这里展示他的封装文件和调用方法实现效果图：准备工作：1.安装element-uicnpm i...

前言： 最近10月的时候 iview4.0 更新了，但是一直在忙也没用到，正好因为要实现一个下拉框里面我要自定义输入内容的效果，element里面是有这个效果，antd里面没有，因为本项目用的iview，也不能因为一个效果直接换框架，就更新项目中的iview到4.0版本了;先看看效果图：1、iview4实现的单选增加2、element实现的多选增加第一：用...

在vue打包完，发现很多问题，来整理下：第一：使用element框架的icon时候，开发环境下是没有问题的，打包完以后出现小方块，页面不显示，解决办法：找到utils.js文件，加publicPath: '../../'function generateLoaders (loader, loaderOptions) { const loaders = options.u...

dateOne.vue<template> <div class="dateDiv"> <el-date-picker :popper-class="mrClass" v-model="inputVal" type="datetime" format="yyyy-MM-...

前言： 我们使用element-ui的时候，可能会有一个需求要给后台传入额外的值，我这边是遇到了，然后通过找到各种资料解决了，现在把我的upload的组件分享一下，可以实现导入，导出功能，导入的时候也会有额外的参数---这个是通过?gjlx=,拼接在地址后面实现的；效果图：，导入我需要所以放了出来，导出没有，具体可以看我的组件内容好了，开始放代码...

前言：（安装包请拉到最下面） 对于初次接触或者接触vue时间不是特别久的朋友们，需要一个成熟的项目demo是很有必要的，可以大大缩短我们项目的构建时间，对于水平普通，急于成型的的需求来说，这个项目也可以提供一个很好的参考，搭建的作用，所以我这里提供一个项目模板，带node_modules的，直接下载可以直接使用，注意，这个官网下载的node_modules是会报错的，问题在sas...