![](https://img-blog.csdnimg.cn/20201014180756925.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
ElementUI
weixin_54362826
这个作者很懒,什么都没留下…
展开
-
Elementui:el-table 结合 filters 实现表头的筛选过滤功能
<el-table-column prop="location" label="安装位置" align="center" min-width="160" :filters="LocationList" :filter-multiple="false" :filter-method="typeFilter" filter-placement="bottom-start"原创 2021-10-22 15:09:45 · 4855 阅读 · 0 评论 -
Vue 中封装 ElementUI 组件为插件,并在 js 文件中使用插件
Vue.use(Element);// MsgBox 组件封装import MsgBox from './components/MessageBox'Vue.use(MsgBox)// MesBox 组件封装import MesBox from './components/MesBox'Vue.use(MesBox)原创 2021-08-17 09:15:46 · 305 阅读 · 0 评论 -
ElementUI 中 通过遍历 $router.options.routes 获得菜单,却不刷新的问题
菜单的获得方式<sidebar-item v-for="route in $router.options.routes" :key="route.path" :item="route" :base-path="route.path" :totalNum="totalNum" />问题:不同权限的用户菜单内容不一样,但是在登录后用了缓存,显示的是上一个用户的菜单内容,需手动原创 2021-08-11 19:39:03 · 1297 阅读 · 2 评论 -
Vue 中 多个 MessageBox 弹框被覆盖的问题
前情页面一打开就有一个提醒修改密码的弹框,如果这时候再有其他 messageBox 弹框的时候就会被覆盖,形成多个弹框排队等着处理的效果,第一个弹框永远在最前面,不能及时处理消息分析ElementUI 的组件是挂载在 Vue 上的,而全局的 Vue 实例只有一个,所以只能一个一个地弹出 MessageBox解决方法: 将 MessageBox 封装成一个插件,修改密码的弹框使用插件,其他地方正常使用 ElementUI 的 MessageBox最终效果代码MsgBox.vue&l原创 2021-08-09 11:44:30 · 1587 阅读 · 0 评论 -
Element: el-select 多选传值
修改前:修改后: <el-form-item label="项目维保员" prop="groupUserList"> <el-select v-model="ruleForm.groupUserList" placeholder="请选择维保员" multiple> <el-option v-for="item in groupUserL.原创 2021-08-04 17:08:45 · 1169 阅读 · 0 评论 -
el-table 表格的 selection 多选功能
<el-table :data="tableData" style="width: 100%" border @select="handleSelected" @select-all="handleAll" >@select 勾选数据行的 Checkbox 时触发的事件@select-all 勾选全选 Checkbox 时触发的事件handleAll(val){ if (val.length > .原创 2021-07-28 17:21:34 · 1373 阅读 · 0 评论 -
ElementUI:el-form 表单验证邮箱,可不传值,传值再验证
const checkEmail=(rule, value, callback) => { let reg = /^([a-zA-Z]|[0-9])(\w|\-)+@[a-zA-Z0-9]+\.([a-zA-Z]{2,4})$/ setTimeout(() => { if(value && !reg.test(value)){ callback(new Error('请输入正确的邮箱'));原创 2021-07-16 10:28:25 · 1174 阅读 · 0 评论 -
ElemetUI:el-upload 上传图片
<el-form-item label="设备图片" label-width="120px"> <el-upload class="upload-demo" :action="commonURL + '/api/v1/common/uploadFile'" name="multipartFile" :on-progress="onProgressAvatar" :on-rem原创 2021-07-15 19:41:12 · 114 阅读 · 0 评论 -
Vue 项目对接接口数据
<el-form :model="detail" :rules="rules" ref="form" v-if='flag'> <el-form-item label="设备类型" label-width="120px" prop="deviceType"> <el-select v-model="detail.typeId" clearable @change="handleChangeSystem"> <el.原创 2021-07-15 19:38:53 · 1268 阅读 · 0 评论 -
Element:改变原生 el-dropdown 的样式
前情在用 el-dropdown 的时候,不知道为什么一个页面中的某个 dropdown 的间距过大,其他的都很正常,所以需要 调整许多 el-dropdown 中一个的样式。但 ElementUI 会有自己的样式,他绑定的 id 会动态变化,每个 el 标签的类名也是一致的。看了其他博主的解法,说 >>> 和 /deep/ 快被废弃了,说不建议使用,也不知道真假。方法一:在整个 el 标签的外层加上一个 div ,在 div 上加上类名来选中?(我失败了)<div c原创 2021-07-13 09:48:03 · 10537 阅读 · 0 评论 -
ElementUI:Checkbox实现单选,嵌套多选
官网地址:ElementUI-Checkbox一、Checkbox 基础介绍<template> <!-- `checked` 为 true 或 false --> <el-checkbox v-model="checked">备选项</el-checkbox></template><script> export default { data() { return { checke原创 2021-07-10 11:26:41 · 4129 阅读 · 0 评论 -
ElmentUI:Form表单验证
官方文档 Element-Form表单<el-form :model="ruleForm" :rules="rules" ref="ruleForm" label-width="100px" class="demo-ruleForm"> <el-form-item label="活动名称" prop="name"> <el-input v-model="ruleForm.name"></el-input> </el-form-item&原创 2021-07-10 10:07:56 · 173 阅读 · 0 评论 -
ElementUI:将el-dialog对话框封装成组件
用 watch 监视 props 来的父组件的数据原创 2021-07-08 22:08:35 · 857 阅读 · 0 评论