
element-ui
等风也在等着你
一管长啸待人吹
展开
专栏收录文章
- 默认排序
- 最新发布
- 最早发布
- 最多阅读
- 最少阅读
-
Element表格设置fixed后页面错乱
我单独给table加了样式而导致的问题把样式去掉就可以了 max-height: 700px; overflow-y: auto;这种情况也是一样的原创 2020-06-29 10:59:11 · 2424 阅读 · 0 评论 -
element上传文件到oss上
一直都在报错跨域问题 可后端在oss上面配置过了 不需要跨域 我实在找不到原因了 还请各位帮忙看一下使用el-upload上传文件按钮<el-upload :action="ossUploadUrl" :headers="ossHeadertype" :limit="1" :data="dataOss" accept=".rar, .zip" :file-list="fileListdesignInfo" :on-remove="handleRemovedesignInfo" :on-succes原创 2020-05-27 10:57:14 · 802 阅读 · 4 评论 -
elemet获取日期时间参数开始和结束时间
参数定义自己写我就不写了 代码偷同事的 觉得这种实现方式很好 哈哈 <el-date-picker v-model="date" :clearable="false" value-format="yyyy-MM-dd HH:mm:ss" :default-time="['00:00:00', '23:59:59']" type="daterange" align="right"原创 2020-05-26 16:03:16 · 523 阅读 · 0 评论 -
element表格行合并
效果 ↓span-method 用法去看element文档,合并第一列的区域字段 <el-table :data="tableData.lgLevelAreaMgmtVOList" :span-method="objectSpanMethod" style="width: 100%;" border empty-text="暂未查到匹配条件的数据" :row-style="{heigh...原创 2020-04-08 11:47:17 · 124 阅读 · 0 评论 -
动态添加element标签,数据操作
我的问题每次点击 添加新值按钮就会添加一个下拉框 然后我对下拉框进行更改的时候 第一次没问题 但是如果我在选中的下拉框中从新选择 数据就会发生变化 会保留之前选中的值 这样是不对 通过索引 每次进行更改时都会把之前选中的给替换掉非常重要:this.attr.splice(index,1,{name , id}) <el-dialog :title="visibleTitle" :v...原创 2019-12-27 09:12:36 · 2424 阅读 · 0 评论 -
设置el-tree超出部分换行问题
解决element树形控件换行问题<div class="tree"> <el-tree :props="defaultProps" :load="loadNode" :data="data" ref="tree" icon-class="el-icon-arrow-right" ...原创 2019-12-13 15:42:59 · 3869 阅读 · 4 评论 -
正则表达式不允许输入汉字
第一种<el-form-item label="类目名称" :label-width="formLabelWidth" prop="name" :rules="{ required: true, message: '类目名称不能为空', trigger: 'blur'}"> <el-input v-model="form.name" a...原创 2019-12-12 15:39:45 · 11929 阅读 · 0 评论 -
element Tree 树形控件
默认所有一级先展示出来 通过点击当前的节点来获取子级然后遍历出来(父级和子级是两个接口)这里父级的获取方法我就不写了 直接把子级的方法写出来return { data:[],//父级数组 defaultProps: { label: 'name', i...原创 2019-10-29 16:49:28 · 358 阅读 · 0 评论 -
修改element弹出框title样式
使用element给 弹出框标题 其中一段文字添加标签怎么做???之所以这样做是为了实现UI设计的原型 前面处理结果四个字的样式和后面动态生成数据的样式不同所以要这样子做使用template 标签添加 slot属性 就可以啦<el-dialog :visible.sync="dialogVisible" width="30%" :before...原创 2019-10-18 15:13:28 · 10012 阅读 · 0 评论 -
element 弹出框宽度设置
之前用element的弹出框时宽度都是设置的百分比 今天设置成固定的宽度发现效果没有出来 问了好多人才发现我写错了width=’ 1056px; ’ 这样写是不对的 不需要后面的分号 分号去掉就正常了width=’ 1056px ’ 这样写才正确~犯了一个不可饶恕的错误!✎<el-dialog title="标题" :visible.sy...原创 2019-09-03 15:51:40 · 8980 阅读 · 0 评论 -
获取element多选/单选的Name和ID
multiple 多选的属性 collapse-tags 多选的样式~<el-select v-model="serveValue" placeholder="请选择" size='mini' multiple collapse-tags @change="selectContract"> <el-option v-for="...原创 2019-08-12 11:08:35 · 2641 阅读 · 0 评论 -
vue表格复制
列表1选中后的数据复制给表格2标记文本引用文本<!--表格1--> <div v-if='flag == 1'> <el-table :data="tableData110" ...原创 2019-08-12 10:45:11 · 1789 阅读 · 0 评论 -
element走马灯效果实现
直接复制黏贴去看效果el-carousel滚动条父容器el-carousel-item标签里面包含着走马灯里面的图片或者内容两个标签都不可少<el-carousel :interval="4000" type="card" height="200px"> <el-carousel-item> a </el-...原创 2019-07-02 15:46:27 · 3570 阅读 · 0 评论 -
Table表格滚动条不占位实现
Table表格滚动条不占位实现我的问题。怎么解决?我的问题。因为加了滚动条所以出现在了现在的情况怎么解决?我是直接找到他然后给他加了一个背景色颜色,这样整个表格头部看着就统一了~ 如果有更好的解决方法可以私信或者评论~.表格 tr th:last-child{ background:#F3F5FF; }...原创 2019-06-28 16:26:18 · 2143 阅读 · 5 评论 -
element绑定点击事件无效怎么解决
element绑定点击事件无效怎么解决?解决方法。解决方法。@click 这样写是无效的~vue封装@click这些方法时阻止了原生的DOM事件,而native就是释放DOM原生事件@click.native 这样写才可以~...原创 2019-06-28 16:41:55 · 3418 阅读 · 3 评论 -
使用vue+element创建三级导航
废话不多说 直接上代码HTML<template> <div> <el-menu class="el-menu-demo" mode="vertical" @select="handleSelect" @click='enter()' @mouseout...原创 2019-08-12 11:22:21 · 1294 阅读 · 1 评论 -
element导入实现方法
点击导入按钮出现导入弹出框 选择好文件之后点击确定上传服务器同时窗口关闭<el-button size="mini" @click="toLead = true">导入</el-button> <el-dialog title="导入" :visible.sync="toLead" width...原创 2019-07-17 15:58:48 · 3161 阅读 · 0 评论 -
滑块验证
<template> <div class="drag" ref="dragDiv"> <div class="drag_bg"></div> <div class="drag_text">{{confirmWords}}</div> <div ref="moveDiv" ...原创 2019-07-20 10:18:28 · 264 阅读 · 0 评论 -
列表图片渲染以及判断状态的展示
列表图片渲染以及判断状态的展示首先公司名称获取列表数据 我这边公司名称的HTML就不写了1列表中图片展示gridData.row获取一行数据然后图片渲染2判断如果我存起来的公司名称和列表中的公司名称相同的情况下列表后面展示使用中不相同就展示使用关于获取一行数据 <el-table :data="gridData" :show-header="false"> ...原创 2019-07-23 15:35:17 · 528 阅读 · 0 评论 -
Elemet-ui表格+分页
Elemet-ui表格+分页1前端控制分页2后台分页1前端控制分页:data=“tableData.slice((currentPage-1)pageSize,currentPagepageSize)” 现在是没对接数据之前由前端来控制分页:total=“tableData.length” 表格长度自己计算/*** ceshi.vue** ceshi** @author 自己名...原创 2019-07-20 17:41:33 · 438 阅读 · 0 评论 -
引入vue组件控制台报错 [Vue warn]: Do not use built-in or reserved HTML elements as component id: view 解决方法
引入vue组件控制台报错 [Vue warn]: Do not use built-in or reserved HTML elements as component id: view 解决方法为啥会报错?如何解决?好心提醒为啥会报错?如何解决?组件名不可以和H5标签名相同,可以给组件名view前面加个字母标识或者改成您能理解的命名~好心提醒建议大家在创建组件的时候,比如遇到 header...原创 2019-06-21 15:47:45 · 2501 阅读 · 0 评论