ElementUI
Element,一套为开发者、设计师和产品经理准备的基于 Vue 2.0 的桌面端组件库
@青春之路
有道无术,术尚可求;
有术无道,止于术
展开
-
使用Vue+ElementUI实现的手机验证码校验、倒计时和禁用效果
使用Vue+ElementUI实现小姑手机验证码的校验、倒计时和禁用效果原创 2022-05-31 21:28:37 · 1923 阅读 · 2 评论 -
ElementUI中form表单自定义校验规则提交没有反应问题
一、问题回顾ElementUI中form表单自定义手机号码校验规则后,点击提交没有反应的问题!二、分析问题在ElementUI自定义表单校验规则中,每次都要返回一个callback来使validate事件进行下去。rule: 自定义校验的规则value:被校验的数据callback:每一次校验之后,也就是if语句后都会返回一个callback,将结果给了validate从而继续执行代码,否则validate会一直去等待callback的返回。三、解决问题在自定义校验规则最后调用cal原创 2022-05-30 13:22:51 · 3391 阅读 · 0 评论 -
ElementUI中Image图片组件无法加载本地图片问题
一、问题再现二、问题解决注意:在使用el-image标签中的src属性加载本地图片时,必须把src属性交给vue去管理,并且需要使用require关键字的形式加载图片。原创 2022-05-25 11:03:33 · 3075 阅读 · 3 评论 -
ElementUI中DatePicker日期选择器组件日期显示错误(显示的是前一天)
我们只需在el-date-picker标签中添加value-format属性即可!原创 2022-05-18 21:15:42 · 2582 阅读 · 0 评论 -
vue cli中使用ElementUI的MessageBox弹框组件
一、核心代码<el-button size="mini" type="danger" @click="handleDelete(scope.$index, scope.row)">删除</el-button>handleDelete(index, row) { // console.log(index, row); this.$confirm('此操作将永久删除该文件, 是否继续?', '提示', { confirmButtonText: '确定',原创 2022-05-17 21:07:46 · 839 阅读 · 0 评论 -
ElementUI中form表单组件自定义手机号验证规则
<el-form :model="ruleForm" status-icon :rules="rules" ref="ruleForm" label-width="100px" class="demo-ruleForm"> <el-form-item label="手机号" prop="phone"> <el-input type="text" v-model="ruleForm.phone"></el-input> </el-form-原创 2022-05-15 17:05:48 · 4469 阅读 · 2 评论 -
ElementUI中Table-column的formatter属性的使用方法
一、官方文档对formatter属性的介绍二、formatter属性的作用主要用来对页面中的数据进行二次渲染。三、使用方法<el-table :data="tableData" border :row-class-name="tableRowClassName" height="250"> <el-table-column prop="id" label="编号" width="200" :resizable="false" align="center"></原创 2022-05-15 16:40:16 · 12606 阅读 · 0 评论 -
ElementUi中table组件使用row-class-name无效的坑
一、问题再现table组件使用row-class-name属性无效!<template> <div> <h3>Table表格组件的使用</h3> <el-table :data="tableData" stripe border :row-class-name="tableRowClassName"> <el-table-column prop="id" label="编号" width="200">原创 2022-05-15 15:18:55 · 9657 阅读 · 8 评论 -
ElementUi上传组件 before-upload返回false自动调用before-remove钩子问题排坑指南
一、问题描述在ElementUI的上传组件中同时使用before-remove和before-upload属性之后出现如下问题:before-remove和before-upload属性都在页面上起作用。二、问题分析当before-upload属性返回值为false时会自动触发before-remove属性。<el-upload action="https://jsonplaceholder.typicode.com/posts/" :before-remove="beforeRem原创 2022-05-15 14:39:18 · 3181 阅读 · 5 评论