element ui
xuxu_qkz
每天就要学芝麻大小!!!
展开
-
打开弹窗时element表单验证清空会报错
问题描述:点击打开弹窗时,element表单提供的清空表单方法resetFields()会报错问题产生原因:由于element组件dialog打开有延时,导致form表单未生成就调用了方法,所以找不到dom元素自然就报错了。解决方法:监测弹框的打开和关闭,异步执行form上的方法 watch: { dialogFormVisible(val){ !val&&se...原创 2018-05-02 14:17:42 · 1806 阅读 · 0 评论 -
基于element 树形表格组件
数据格式化方法treeTable/dataTranslate.jsimport Vue from 'vue'function DataTransfer (data) { if (!(this instanceof DataTransfer)) { return new DataTransfer(data, null, null) }}DataTransfer.tree...原创 2018-09-26 17:25:00 · 4330 阅读 · 0 评论 -
el-upload 限制图片上传的方法
<el-upload :action="action" :accept="'image/*'" list-type="picture-card" :file-list="filelist" :on-preview="handlePictureCardPreview" :before-remove="beforeRemove&qu原创 2018-07-26 14:49:03 · 6481 阅读 · 1 评论 -
el-dialog el-tabs结合样式改造
el-dialog el-tabs结合 样式改造效果: dialog.vue (封装好的组件)<template> <div> <el-dialog :visible.sync="dialogVisibles" class="theme1" @close="$emit('update:show', false)"> &原创 2018-07-19 14:17:54 · 11524 阅读 · 1 评论 -
css 彩色按钮(七彩葫芦娃)
css 彩色按钮common.scss$blue: #48b0f7;$light-blue:#3A71A8;$red:#C03639;$pink: #E65D6E;$green: #30B08F;$tiffany: #4AB7BD;$yellow:#FEC171;$panGreen: #30B08F;@mixin colorBtn($color) { backgr...原创 2018-07-12 15:51:58 · 1834 阅读 · 0 评论 -
element DropdownMenu组件(宫本特款)
DropdownMenu排好队,一个一个来 component / dropdownMenu.vue<template> <div class="share-dropdown-menu"> <span class="share-dropdown-menu-title" @click.self="clickTitle">{{title..原创 2018-07-12 15:29:12 · 1958 阅读 · 0 评论 -
切换浏览器窗口 elementui 的tabs组件出现蓝色边框问题
切换浏览器窗口 elementui 的tabs组件出现蓝色边框问题如图: 解决办法:在commos.scss中加入属性覆盖.theme{ .el-tabs__item:focus.is-active.is-focus:not(:active) { box-shadow: none; border-top-left-radius: 20px;...原创 2018-07-18 14:27:40 · 2388 阅读 · 0 评论 -
element 指令waves 水波纹效果
element 指令waves作用:点击当前元素触发水波纹效果directives / waves / waves.css.waves-ripple { position: absolute; border-radius: 100%; background-color: rgba(0, 0, 0, 0.15); background-clip: padd...转载 2018-07-11 14:56:47 · 12267 阅读 · 0 评论 -
element 隐藏指令clickoutsde改造
element 隐藏指令clickoutsde改造该指令是在element 源码的指令clickoutsde的基础上改造的作用:点击绑定指令的当前元素的外部生效触发事件directives / clickoutsde.js// 引入Vue用以判断当前运行环境import Vue from 'vue'// element封装的一些常用dom操作,这里on可以先当做是addE...转载 2018-07-11 14:50:30 · 1129 阅读 · 0 评论 -
element table 前端分页+前端模糊查询
&lt;template&gt;&lt;div&gt; &lt;el-input v-model="search" placeholder="请输入内容"&gt;&lt;/el-input&gt; &lt;el-table :data="tables.sl原创 2018-07-04 10:47:32 · 5968 阅读 · 2 评论 -
element table 前端关键字模糊查询
&lt;template&gt; &lt;div class="box"&gt; &lt;el-input v-model="search" placeholder="请输入内容"&gt;&lt;/el-input&gt; &lt;el-t转载 2018-07-04 08:53:02 · 8383 阅读 · 2 评论 -
element 隐藏组件el-scrollbar
element 隐藏组件el-scrollbar虽然在官方文档中没有给出这个组件,但是在源码中是有的。因为他在<el-scrollbar></el-scrollbar>可以直接使用,但是一些细节需要微调 1.css// 在common.css中添加.el-scrollbar__wrap{ overflow-x: hidden;}2 . 在使...原创 2018-07-11 14:37:24 · 3970 阅读 · 2 评论 -
element展开表格改造,只显示一行
<el-table :data="tableData" v-loading="loading" :height="height" style="width: 100%;" :row-key="getRowKeys" @row-click="rowClick" @expand-change=&q原创 2018-05-02 14:48:28 · 4236 阅读 · 0 评论 -
vue elmentui table 滚动加载
vue elmentui table 滚动加载转载 2019-04-25 14:33:09 · 1314 阅读 · 0 评论