![](https://img-blog.csdnimg.cn/20201014180756754.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
element-ui
_仰望星空的你
这个作者很懒,什么都没留下…
展开
-
Vue 总结ElementUi中Form表单常用的几种校验方式
总结常见的校验方式原创 2022-12-23 14:52:51 · 3270 阅读 · 1 评论 -
vue修改Element中走马灯(el-carousel)的指示灯的位置
问题描述:一般调用element的走马灯,添加完图片之后就会出现指示灯,但是要是修改走马灯的指示灯的位置,应该怎么去修改,看下面代码:/deep/ .el-carousel__indicators { // 指示灯位置 left: unset; transform: unset; right: 2%;}/deep/ .el-carousel__button { // 默认按钮的颜色大小等 width: 36px; height: 8px; border: none;原创 2022-02-28 18:41:26 · 5257 阅读 · 3 评论 -
vue 给element-ui中的el-tabs动态设置label属性
效果:代码:<template> <div class="login"> <el-tabs v-model="activeName"> <el-tab-pane :label="'用户管理('+name+')'" name="1">用户管理</el-tab-pane> <el-tab-pane label="配置管理" name="2">配置管理</el-tab-pane>原创 2022-01-20 13:17:21 · 4308 阅读 · 0 评论 -
vue 自定义树形组件列表(列表结构转换为树形结构)
前言一般在后台管理系统中,都会有关于树形结构的模块,打个比方:比如权限结构列表,分类列表等。假如后台返回给我们接口的格式不对的话,那我们前端应该怎么去来进行格式化,变成我们想要的数据,下面就来说说方法:首先: 先来看看效果图接着: 来看看后台返回的数据没有仔细看,可能看的很懵,但是仔细解析就会发现一级的id和二级的parent_id之间有点关系,我们可以利用这点关系,来把数据变成我们想要的树形结构。代码:<el-tree :data="data" :props="default原创 2021-07-08 17:50:22 · 2326 阅读 · 3 评论 -
el-form表单中对不同的下拉项(el-select)的选择,提交时的校验提示问题的解决 —— vue
—— 上篇博客:弹窗封装前言在写这篇博客前,大家可能对我上篇的博客(自定义弹框)的使用还有点迷茫,因此接下来我会首先根据我上一篇的弹框封装来作为这篇博客的开头一、弹框使用1、效果点击新增会有一个弹框2、代码二、今天的主题(下拉值不一样,提交校验的问题)1、先看几个图问题描述:从图一可以看出,只要我上一篇的博客能看懂的话,那么图一的样式以及校验都可以根据element-ui来实现。现在的问题是,从图一都知道,第一个下拉框有三个值,银行,微信和支付宝。然后从图二和原创 2021-07-02 16:47:00 · 2583 阅读 · 1 评论 -
基于element-ui实现el-select-tree
前言原创 2021-05-11 11:53:44 · 938 阅读 · 0 评论 -
封装element-ui中的Drawer(抽屉)
之前我都不知道有drawer这个方法,平常对于那些弹框我一般习惯用dialog这个组件。然而前几天,我发现,drawer也用起来不错,便想起来,把他封装起来,好复用。下面呢,就直接上代码了<template> <el-drawer :title="title" :visible.sync="drawer" :custom-class="className" :modal-append-to-body="false" :size="outSize原创 2021-03-26 15:49:53 · 7504 阅读 · 0 评论 -
封装dialog的组件(对elementui的el-dialog的二次封装)
今天来说下对elementui的el-dialog对话框进行二次封装。那我为什么要进行封装呢?我来说一下:我们平常在写一个项目的时候,需要用到弹框非常多,如果我们每个页面写一次,会显得代码很累赘,那么对他们进行封装,就减少了代码的复用性。先看一下效果最终的效果就是上面的图片下面上代码并解释我一般都是使用的vue父传子props**** 如果对vue的基础不太好的,可以参考:关于组件传值的讲解这个页面是子组件<template> <!-- 封装弹框 --> .原创 2020-11-20 20:26:25 · 11420 阅读 · 5 评论 -
vue基于element-ui中form表单的自定义的校验方式
平常在使用vue来写项目的时候,特别是后台管理的时候,常常会使用到element-ui这个框架,对我自己来说,用的很多的便是表格,form表单等。接下来就说一个常见的画面。上面可能我们都不陌生,我们常常写后台的时候,都需要对input输入的数据进行校验,在element-ui上也有提到怎么去校验,但是我想说的是另外的办法。上面是element-ui上提到的方法。这样的校验方法,我相信在element-ui上也有看到过,,但是不知道我圈起来的,有两个英文单词,不知道注意到了吗?就是requir.原创 2021-03-26 15:07:41 · 1322 阅读 · 0 评论