![](https://img-blog.csdnimg.cn/20201014180756724.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
element
药引子1
这个作者很懒,什么都没留下…
展开
-
el-upload手动上传文件
很多上传场景不需要自动上传,而是需要请求后端上传,并返回成功结果,才算一次上传成功。接下来开始实现如何手动上传文件。<template> <div> <el-upload ref="uploadButton" action="" :on-preview="previewFile" :on-remove="handleRemove" :before-upload="beforeUpload" :limit="limit" :on-原创 2020-12-16 23:03:47 · 11925 阅读 · 4 评论 -
element菜单实战
文件sidebar.vue<template> <el-menu unique-opened background-color="#182132" text-color="#9ca9bb" active-text-color="#fff" :default-active="defaultActive" @select="handleMenuSelect" > <template v-for="menu in menus"> <原创 2020-11-26 20:16:35 · 326 阅读 · 0 评论 -
element步骤条实战
文件StepManger.vue<template> <div> <el-steps :active="stepActive" finish-status="process" process-status="wait" align-center > <el-step v-for="step in data.steps" :key="step" :title="step"/> </el-steps>原创 2020-11-26 19:33:48 · 4933 阅读 · 5 评论 -
element合并单元格实战
<el-table :data="data" :span-method="spanMethod"/>spanMethod({rowIndex,columnIndex}){ if(columnIndex===0){ if(rowIndex===0){ return { rowspan:data.length,//合并行数 colspan:1 // 合并列数 } }else{ // 除第一行外,其他行不显示 return { row.原创 2020-11-26 18:51:29 · 104 阅读 · 0 评论 -
基于element-upload的自定义图片裁剪上传
核心代码<el-upload list-type="picture-card" action="" :auto-upload="false" :show-file-list="false" :on-change="changeUpload"><img v-if="pic.file_url" :src="pic.file_url" :width="150" :height="150"><i v-else class="el-icon-plus ava.原创 2020-10-28 18:56:18 · 892 阅读 · 0 评论 -
基于vue的element-table分页选中
核心思路采用前端分页,通过复制引用,保证选中状态不丢失每次多选都需要清空当前页选择项,push完将其放入集合为列表中的所有属性添加索引分页后重新分配选中核心方法data(){ return{ data:[], copyData:[], pageInfo:{pageNum:1,pageSize:5,total:0}, multipleSelectionIndex:[] }}handleSelect(select,row){ if(select.length.原创 2020-10-21 14:13:10 · 550 阅读 · 0 评论