Element-UI
关注
分享
扫一扫
waillyer
码云地址：https://gitee.com/waillyer
展开
专栏收录文章
- 默认排序
- 最新发布
- 最早发布
- 最多阅读
- 最少阅读
-
element-ui中tree连动
需求：1、公共选人组件，支持坐席、组织机构等选择2、选择部门后，自动选中部门下的所有成员3、父节点和子节点联动，形成全选和半选状态4、父节点（部门）未展开，不可选中5、展开后可选，收缩后不可选（主要是未了加载请求数据）效果第一步 作为一个公共组件写个组件<div v-if="showIntercomGroup"> <el-dialog title="选择 " id="showIntercomGroupId" class="el-dialogStyle" :visibl原创 2021-01-29 16:43:41 · 1145 阅读 · 1 评论 -
elementUI树形组件添加连线和自定义图标
https://blog.youkuaiyun.com/weixin_43953710/article/details/108171346转载 2021-01-25 17:01:50 · 1252 阅读 · 0 评论 -
全局修改elementUI的$message默认显示时间的方法
在main.js中覆盖即可import { MessageBox,Message } from 'element-ui';Vue.prototype.$message = function (msg) { Message(msg)}Vue.prototype.$message = function(msg){ return Message({ message:msg, duration:2000 })}Vue.prototype.$message.success原创 2020-12-21 09:32:55 · 5697 阅读 · 2 评论 -
使用 Element+vue实现开始时间结束时间限制
效果<el-form-item label="开始时间"> <el-date-picker v-model="startDate" type="datetime" placeholder="选择日期" format="yyyy-MM-dd HH:mm:ss" value-format="timestamp" :editable="false"原创 2020-12-03 19:45:05 · 1178 阅读 · 0 评论 -
vue组件和js实现鼠标悬停显示title效果
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"><html><head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8"><title>JS控制TITLE悬停效果</title><sc原创 2020-10-13 14:39:09 · 5481 阅读 · 1 评论 -
element-ui表格格式化时间
<el-table :data="taskList.tableTaskList" v-if="taskList.show" style="width: 100%" header-cell-style="height:30px;padding: 2px 0; text-align:center;background:#D0D0D0" cell-style="height:30px;padding: 2px 0;"> <el-table-c原创 2020-08-25 09:04:23 · 1776 阅读 · 0 评论 -
vue3.0 element-ui中el-upload的before-upload方法返回false时submit()不生效解决方法
需求：手动上传图片，非JPG、PNG格式无法选择 <el-upload action="https://jsonplaceholder.typicode.com/posts/" list-type="picture-card" :auto-upload="false" ref='uploadPhoto' :multiple="false"原创 2020-08-14 18:00:00 · 4927 阅读 · 0 评论 -
vue中elementui command绑定变量对象方法
需求：点击下拉框，切换组，选中当前项 <el-dropdown trigger="click" class="child-controllerChild" @command="(command) =>handleDispatchTabClickBoxCommand(command)">原创 2020-10-13 11:51:13 · 3111 阅读 · 1 评论 -
Sortable排序在vue使用/使用element弹框拖拽排序
一、npm安装npm install sortablejs --save官网参考http://www.sortablejs.com/index.html二、导入项目 import Sortable from 'sortablejs';或者直接下载源码导入 // import Sortable from '@/plugins/Sortable.js'; var that = this; setTimeout(function () { var原创 2020-09-17 17:53:45 · 2961 阅读 · 4 评论 -
删除页面最后一条数据时，currentPage没有减一，页面列表为空
思路：监听页面的总条数，并对总条数进行判断。当页面总条数 = （当前页数-1）*当前页条数，currentPage减1，重新获取列表watch:{ total(){ if(this.total==(this.currentPage-1)*this.pageSize&& this.total!=0){ this.currentPage-=1; getDiscountList(this);//获取列表数据 }原创 2020-09-08 11:50:11 · 481 阅读 · 1 评论 -
vue-cli4.4.1+elementUI搭建后台系统
这里写自定义目录标题vue-cli4.4.1+elementUI搭建后台系统vue-cli4.4.1+elementUI搭建后台系统原创 2020-06-06 09:39:51 · 1320 阅读 · 0 评论