Element
潇蓝诺依
这个作者很懒,什么都没留下…
展开
-
element upload 只上传单个文件,并覆盖,获取文件的文本内容
element upload 只上传单个文件,并覆盖<template> <div style="width:500px"> <el-upload class="upload-demo" drag action="" multiple :file-list="fileList" :auto-upload="false" :on-change="handleChange"原创 2020-08-18 11:58:28 · 2012 阅读 · 0 评论 -
el-popover 弹出框 不放在body中
文章目录1. 不放在body中1. 不放在body中el-popover默认将弹窗放到body中,但是在此项目中,当el-popover的高度超出了父级div的宽度时,会造成body的滚动,而不是其父级的滚动。所以要将el-popover放入到父级div中<el-popover class="add-step-popover" ref="add-step-popove...原创 2020-04-07 20:58:04 · 12268 阅读 · 2 评论 -
element 封装分页组件,搜索组件,table分页时排序、保留select选中状态、索引排序
文章目录场景场景开发时,经常见到这样的页面后台将所欲数据传过来,前端进行分页、搜索、排序等功能原创 2019-11-17 01:00:05 · 970 阅读 · 0 评论 -
vue element 项目引入iconfont图标
将下载好的字体图标放在项目中在iconfont.css 中添加样式[class^="my-icon"],[class*=" my-icon"]/*这里有空格*/ { font-family: "iconfont" !important; speak: none; font-style: normal; font-weight: 400; font-...原创 2019-10-31 16:08:34 · 1494 阅读 · 0 评论 -
elementui input focus取消占位
element的input,focus时,不会取消占位.现需要focus时,取消占位<aui-input v-model="form.username" :placeholder="placeholder1" @focus="focushandle" @blur="blurhandle" prefix-icon="aui-icon-search"><...原创 2019-10-31 10:55:04 · 1197 阅读 · 0 评论 -
element upload 只传一张图片样式,和表单一起提交
只传一张图片样式<template> <div> <el-upload action="https://jsonplaceholder.typicode.com/posts/" :class="{ disabled: uploadDisabled }" list-type="picture-ca...原创 2019-10-26 00:34:55 · 2350 阅读 · 1 评论 -
用vue-cli3搭建ui库(仿elementUI)
文章目录用vue-cli3初始化项目修改项目结构先写个测试demo1. packages下新建文件夹test,结构如下:2. examples进行测试examples展示markdown文件用vue-cli3初始化项目css 选了sasslint 选了ESLint + Prettiervscode 可下载eslint插件,配置保存自动格式化代码个人配置如下(首选项–>设置)...原创 2019-10-11 15:08:09 · 2612 阅读 · 2 评论 -
vue2 父子组件间的双向数据绑定 (el-dialog问题)
先推荐下自己的另一篇文章vue父子组件传值,兄弟组件传值涉及到里面相关的内容为3. 子组件触发父组件方法($emit)4.props双向数据绑定(.sync)问题描述二次封装dialog,关闭时须将关闭的状态返回给父组件.(父子组件传值)代码实现父组件<template> <div class="parent"> <h1>我是父组件,我...原创 2019-08-31 21:44:06 · 4448 阅读 · 0 评论 -
Cannot read property 'classList' of null
今天前端项目突然遇到这种报错,原来也没有这种问题。突然出现,找了好久的原因。原来是我安装的谷歌插件的问题。给大家提个醒,不经常使用的插件,一定要修改下配置,因为默认 是可读取和更改网站数据-> 在所有网站上,改成 当你点击此扩展程序时...原创 2019-07-25 15:20:16 · 11437 阅读 · 1 评论 -
elementui通过router配置多级导航菜单
<template> <el-menu :default-active="$route.path" background-color="#545c64" text-color="#fff" active-text-color="#ffd04b" mode="vertical" router > <side...原创 2019-05-19 12:25:16 · 30632 阅读 · 15 评论 -
element Tooltip背景颜色样式修改
popper-class="test"<el-tooltip content="Top center" placement="top-start" popper-class="atooltip"> <el-button>Dark</el-button> </el-tooltip>.atoolt原创 2018-11-27 17:49:48 · 19533 阅读 · 9 评论 -
element silder 输入为整数值
需求element silder 带有的输入框只能 输入整数值,不能输入小数changeMath.floor()&lt;aui-slider v-model="number" :min="100" :max="10240" show-input :show-input-controls="false" @change=&quo原创 2018-11-27 17:42:08 · 2020 阅读 · 0 评论 -
elementui tab标签管理路由页面
文章目录样式准备思路搭建搭建页面框架准备状态管理监听路由变化tab方法样式准备搭建好的vue脚手架(elementui,router,vuex)elementui(NavMenu 导航菜单,Tabs 标签页)思路将打开的所有路由放到一个栈里(openTab:[]),tabs显示遍历openTab初始状态,将首页推入栈,并设置激活状态当切换路由时(监听路由变化),判...原创 2018-10-25 17:16:27 · 33653 阅读 · 79 评论 -
vue elementui navmenu 多级导航菜单(水平、垂直)
vue elementui navmenu 多级菜单效果图组件&amp;amp;amp;amp;amp;amp;amp;amp;lt;template&amp;amp;amp;amp;amp;amp;amp;amp;gt; &amp;amp;amp;amp;amp;amp;amp;amp;lt;div class=&amp;amp;amp;amp;amp;amp;amp;quot;navMenu&am原创 2018-08-20 18:04:57 · 105768 阅读 · 107 评论 -
Elemet ui table 只展开一行
Elemet UI table expand只展开一行属性 运行效果图 &lt;el-table@expand-change="expandChange"&gt;expandChange(row,expandedRows){ if(expandedRows.length&gt;1){ expandedRows.shift() ...原创 2018-04-03 18:02:15 · 4674 阅读 · 0 评论