Element-UI
清雨未尽时
清雨入清晨,午时未阳依。
百望夕阳暮,如梦未尽时。
展开
-
Vue-Echarts 页面开发及后台实现实例
一、介绍用走势图展示用户数据二、实现图解三、Vue技术要点 1.头部布局采用Element ¶Layout 布局基础布局el-row 2.cart采用Element el-card组件 由于el-card 组件头部插槽影响布局效果需要去除<el-card :header="false" class="card"> 3.时间选取El...原创 2020-04-01 15:56:28 · 1636 阅读 · 0 评论 -
关闭 el-dialog 视图后,网页不能滑动问题处理
1.问题出现的原因 组件内用el-table 组件显示多条数据,网页 可滑动浏览,点击列表内某一个图片,用el-dialog模态组件展示大图。关闭后el-dialog组件后,页面不能滑动,多余部分被裁剪。2.这个原并不是页面代码的问题,用Chrome浏览器检查页面元素, 没有打开el-dialog 组件前是: 关闭组件后body 变成了 overflow:...原创 2020-03-21 01:06:39 · 1051 阅读 · 0 评论 -
Element-UI @click 事件不能触发问题处理
<el-card class="el-card" :key="index" @click="handleEdit"> 点击卡片不能出发时间 ,在按钮上可以出发 <el-button icon="el-icon-circle-plus" circle @click="handleEdit"></el-button> 解决办法...原创 2020-03-16 01:42:43 · 3286 阅读 · 0 评论 -
Element-UI 使用el-row 高度设置
使用el-row 布局列数多个时候,出现了高度不适应且排列混乱 的问题处理办法在 el-row 布局属性上加入 <el-row :gutter="20" class="el-row"> .el-row { margin-bottom: 20px; display: flex; flex-wrap: wrap } .el-card...原创 2020-03-15 16:48:20 · 52867 阅读 · 0 评论 -
Element-UI 使用el-row 分栏布局
使用过个卡片显示的时候,并且要求当列数到一定数目的时候,要自动换行,el-container 布局就满足了需求了,就要用到el-row 布局做分栏处理,代码如下<template> <el-row :gutter="20" class="el-row" type="flex" > <el-col :span="8" v-for = "(it...原创 2020-03-15 16:39:21 · 89768 阅读 · 7 评论 -
Element-UI 使用心得之el-card
el-card 是Element-UI 内置的卡片组件,使用起来很方便,但是对Vuejs和html 不是精通的话,根据自己的要求布局,会出现自己的小困惑,必须添加垂直居中,按照CSS 布局设置,总是 不起作用,与其费力搜寻办法,不如自己简单白痴的去设置一下1.鼠标放上去有一个动画效果: .el-card { min-width: 380px; margin-rig...原创 2020-03-15 16:31:42 · 76042 阅读 · 17 评论