
element-ui
都挺好,刚刚好
慢下来反而会更快,慢就是快,快就是慢。
展开
-
vue+elementUI中使用el-upload进行图片上传
vue+elementUI中使用el-upload进行图片上传转载 2023-09-14 10:51:48 · 268 阅读 · 0 评论 -
Vue element 日期获取展示今天日期
Vue element 日期获取展示今天日期原创 2023-09-12 17:00:58 · 312 阅读 · 0 评论 -
vue实现el-table表格内数据显示图片
vue实现el-table表格内数据显示图片原创 2023-05-19 16:31:56 · 1291 阅读 · 0 评论 -
element ui 对话框设置固定宽度
element ui 对话框设置固定宽度原创 2023-05-19 16:24:09 · 1954 阅读 · 0 评论 -
element UI的带输入建议el-autocomplete总结(详细,全)
https://blog.youkuaiyun.com/fenger_c/article/details/108572690?ops_request_misc=%257B%2522request%255Fid%2522%253A%2522165879619016782390571873%2522%252C%2522scm%2522%253A%252220140713.130102334..%2522%257D&request_id=165879619016782390571873&biz_id=0&utm_medium转载 2022-07-26 10:11:20 · 2573 阅读 · 0 评论 -
element-ui v-loading
element-ui v-loading原创 2022-07-25 14:51:02 · 687 阅读 · 0 评论 -
el-pinut number取消数字操作符号
**el-pinut number取消数字操作符号**```javascript::v-deep input[type='number'] { -moz-appearance: textfield;}::v-deep input::-webkit-outer-spin-button,::v-deep input::-webkit-inner-spin-button { -webkit-appearance: none;}```原创 2022-07-15 15:33:30 · 748 阅读 · 0 评论 -
el-input 失去焦点事件
el-input 失去焦点事件原创 2022-07-15 11:16:35 · 4055 阅读 · 0 评论 -
elementui el-option右边箭头不显示
el-option原创 2022-06-30 10:55:55 · 1152 阅读 · 0 评论 -
element中关于选择el-date-picker日期和el-time-picker时间范围的限制(:picker-options=“pickerOptions“)
element中关于选择el-date-picker日期和el-time-picker时间范围的限制(:picker-options="pickerOptions")原创 2022-06-14 09:15:16 · 2263 阅读 · 0 评论 -
如何修改ElementUI的MessageBox的默认样式
如何修改ElementUI的MessageBox的默认样式原创 2022-06-12 18:06:29 · 737 阅读 · 0 评论 -
关于el-input的多行文本框textarea固定多行不可拖拽
前端 +elementui转载 2022-06-10 14:33:07 · 8726 阅读 · 1 评论 -
element-ui局部区域loading效果
有时候我们不想为整个页面添加loading效果。只想给局部区域添加loading效果。我们可以使用下面这种方法:在某一个拥有el标签的区域用v-loading标签,这里我就是加了一个el-main标签,然后在这个标签里绑定v-loading达到loading效果。<el-main v-loading="pictLoading" element-loading-background="rgba(0, 0, 0, 0.5)" element-loading-text="图标正在加原创 2022-02-24 17:56:39 · 2628 阅读 · 0 评论 -
Element UI 框架中Loading 区域加载的使用方法
function startLoading() { clearSettimeout = setInterval(() => { loading = Loading.service({ lock: true, text: "努力加载中……", background: "rgba(0, 0, 0, 0.1)" // target: document.querySelector(".main") // 设置加载动画区域 }); }, 1原创 2022-02-23 12:03:41 · 783 阅读 · 0 评论 -
element loading使用
v-loading="searchLoading"element-loading-spinner="el-icon-loading"element-loading-background="rgba(255,255,255,0.5)"rgba(255,255,255,0.5)/*背景颜色白色,50%透明度*/1、elementui的loading其实是fullscreen才是全局唯一,不然会Loading.service一次创建一次实例2、elementui的loading需要异步关闭,要包在.原创 2022-02-21 12:09:50 · 1300 阅读 · 0 评论 -
el-date-picker添加日期约束(年月日)
此方法不是禁用不满足条件的日期,而是以提示的方式添加约束<el-form-item label="开始日期" prop="startDate"> <el-date-picker v-model="sizeForm.startDate" :clearable='false' type="datetime" @change='changeStartT.转载 2022-02-20 15:24:22 · 945 阅读 · 0 评论 -
DateTimePicker日期时间选择器
1、日期格式**使用format指定输入框的格式;使用value-format指定绑定值的格式。**默认情况下,组件接受并返回Date对象。以下为可用的格式化字串,以 UTC 2017年1月2日 03:04:05 为例:<div class="block"> <span class="demonstration">设置默认时间</span> <el-date-picker v-model="value3" type="原创 2022-02-20 15:13:33 · 673 阅读 · 0 评论 -
各种表单校验
1、单个input输入框(脱离表单的),添加校验使用到 @blur事件, @blur事件是当元素失去焦点时所触发的事件用法:<el-row class="kong jichushux" v-for="(item, index) in jichupro" :key="index"> <el-col :span="3"><span class="little-title">{{item.name}}</span></el-col>转载 2022-01-13 14:20:13 · 3864 阅读 · 0 评论 -
elementui el-input输入数字为整数的验证
elementui手动校验数字为整数<script>export default{ data(){ return { let checkNum = (rule,value,callback) => { if(!value) { return new Error('必填信息') }else { if转载 2022-01-13 14:04:38 · 1091 阅读 · 0 评论 -
element-ui中messageBox的使用
1、第一步 引入import { MessageBox } from 'element-ui';2、第二步 使用function confirm(options = {}) { let { title, message, ...ops } = options; return MessageBox.confirm(message, title, { closeOnClickModal: false, closeOnPressEscape: false,原创 2021-12-23 14:21:11 · 1773 阅读 · 0 评论 -
el-carousel在vue项目中使用
<div class="carousel"> <el-carousel indicator-position="outside" @change="changeCarousel"> <el-carousel-item v-for="(item, index) in images" :key="index"> <img class="carousel-img" :src="item.src" />..原创 2021-12-20 16:06:38 · 3014 阅读 · 1 评论 -
el-popover 弹出框使用
1、第一种<el-popover placement="top-start" title="标题" width="200" trigger="hover" content="这是一段内容,这是一段内容,这是一段内容,这是一段内容。"> <el-button slot="reference">hover 激活</el-button> </el-popover>2、第二种<el-popover .原创 2021-12-20 10:52:00 · 1137 阅读 · 0 评论 -
下拉菜单el-menu
下拉菜单原创 2021-12-06 17:36:08 · 469 阅读 · 0 评论 -
vue侧边栏实现
vue 侧边栏跳转路由配置原创 2021-12-06 17:22:15 · 1237 阅读 · 0 评论 -
Element-UI框架笔记
1、el-container2、按需引入与全局引入按需引入与全局引入3、全局配置全局配置4、自定义主题5、过渡动画6、layout响应式布局input输入框使用show-password属性即可得到一个可切换显示隐藏的密码框前置或后置输入框...原创 2021-12-06 16:56:09 · 959 阅读 · 0 评论