![](https://img-blog.csdnimg.cn/20201014180756925.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
Element
柒柒兮
随手记录工作中遇到的问题与解决方法,请大家多多指教
展开
-
ElementUi el-table 美化暂无数据状态
前言:当表格数据过长的时候,会出现横向滚动条,这个时候暂无数据就需要拉动滚动条到中间才能看到,导致页面及其不美观,所有,请看下方正常的空值状态如下经过修改后解决方法如下<template> <el-table border :class="{ 'table': '', 'noScrol': tableText }" > //通过slot自定义空状态 <template v-slot:empty > <p :class="{'原创 2021-08-05 18:02:10 · 3016 阅读 · 1 评论 -
Elementui el-upload 图片列表缩略图模式添加查看大图含删除功能
前言:由于官网el-upload 图片列表缩略图模式没有查看大图的功能,所有自己自定义了一个,其中很多投机取巧的方式,写的不好,若有更好的方法,请留言哦(▽),不多说废话,直接贴<template><el-upload class="upload-el" accept=".jpg,.png,.bmp" //限制上传的图片类型 :show-file-list="true" //是否显示已上传文件列表 multiple //设置多选 :limit="3" //最大允许上传个数原创 2021-08-04 15:25:39 · 5606 阅读 · 0 评论 -
Vue3+ElementUi el-table简单封装
前言:一次简单的封装,还不够完善,主要是根据自己的需求封装的。。。直接贴代码!第一步 vTable.vue<template> <el-table v-loading="config.loading" header-row-style="48px" height='580' border :class="{ 'table': '', 'noScrol': config.tableText }" ref="multipleTable"原创 2021-08-03 11:44:25 · 2156 阅读 · 0 评论 -
ElementUi el-date-picker封装
前言:由于el-date-picker返回的是一个数组且没有格式化,使用起来并不是很方便,所有个人稍微封装了下,写的不好,有问题请多指教!第一步 新建vDatePicker.vue<template> <el-date-picker v-model="Times" type="daterange" :range-separator="rangeName" :start-placeholder="startName" :end-placeholder="e原创 2021-08-03 11:00:28 · 864 阅读 · 0 评论 -
Vue3+ElementPlus 表格分页组件封装
第一步新建公共组件pagination.vue<template> <!-- 分页 --> <el-pagination background @size-change="handleSizeChange" @current-change="handlePageChange" :page-sizes="[10, 30, 100]" :page-size="pagesize" :layout="layout" :total="to原创 2021-08-02 10:48:09 · 5694 阅读 · 0 评论