Element-plus 第6页

vue-vant组件库

MobileUIComponentsbuiltonVuevant支持vue2，也支持vue3；vant2支持vue2，vant3、vant4支持vue3分类vue的组件库一般会按照不同平台进行分类：1.PC端：element-ui(element-plus

小沐°·2023-12-28 22:38

常见的hooks

1.useNamespaceimport{useNamespace}from'@element-plus/hooks'useNamespace函数是返回了符合BEM命名规则的方法。

Repeater、·2023-12-28 22:12

vuex+elemnt-plus+vue-router 实现tabs栏存储已访问路由

1.思路（1）使用vuex存储当前激活的路由activeTabsPath以及存储已访问的路由showTabs，（2）使用element-plus的tabs和menu组件配合vue-router来切换页面

思健·2023-12-28 10:34

Vue3实战教程（快速入门）

实战教程（快速入门）前言1.搭建脚手架1.1创建项目1.2清除多余文件，创建干净项目1.3创建登录页面2.创建404页面（引入sass）2.1引入sass2.2创建404页面3.构建登录注册页面（引入element-plus

Sheldon一蓑烟雨任平生·2023-12-28 08:24

vue 实现实时获取大文件下载进度

ps：为了样式好看，我这里用到了element-plus框架做渲染，你也可以选择不使用废话不多说，直接上代码<el

向宇it·2023-12-28 08:42

vue3获取验证码+背景切换

需要安装element-plus组件库用户获取验证码后按钮会被禁用，等待10秒后重新获取验证码验证码元素布局template部分{{codeName}}script功能部分import{ref,reactive

@tg6666666666666·2023-12-27 08:18

本地部署Element-Plus开发文档

访问Element-Plus文档官网的时候，时不时会很卡，直接卡死https://element-plus.gitee.io/zh-CN/有点影响CV大法的施展，看了一下又是gitee.io，而且开源的项目

薛定谔的壳·2023-12-26 21:35

Vue3商城项目实战

目录一、Vue3环境和项目创建1、Vue3安装和项目创建2、Vue3基础和Element-plus模版语法生命周期和事件绑定路由element-plus二、登录1、Login.vue2、Vuex基础1)

努力赚钱的阳仔·2023-12-26 16:36

element-plus版本升级导致编译失败

/lib/locale/lang/zh-cn"entryin"element-plus"package经过一段时间的调查和排查，我们终于找到了解决方案。

qq_39760573·2023-12-26 14:49

pc和uniapp，封装axios以及增删改查请求

//request.js//PC端封装axiosimportaxiosfrom'axios'import{ElMessageBox}from'element-plus'importurlJsonfrom

kogmini·2023-12-26 10:54

Vue编写登录注册页面前端校验

登录注册校验template页面登录登录重置去注册注册注册重置去登录scriptimport{User,Lock,CircleCheck,CircleCloseFilled}from'@element-plus

Zm6Cc·2023-12-26 05:47

Electron Vue3 开发笔记（三）

登录页面采用ui部分为自定义，没有采用element-plus。

BOYKA®·2023-12-25 13:00

Linux管理面板1Panel

整个界面简洁清爽，后端使用GO开发，前端使用VUE的Element-Plus作为UI框架，整个面板的管理都是基于docker的。

爱上雪茄·2023-12-25 13:30

vue3 element-plus 输入框 clearable属性聚焦时宽度会变化

解决办法因为你的代码中el-input是没有宽度的，所以实际渲染出来的el-input宽度=原生input宽度+前缀图标宽度+后缀图标宽度。可以写css固定el-input宽度来处理。:deep.el-input.el-input--default.el-input--suffix{//固定宽度width:200px!important;}

余道各努力，千里自同风·2023-12-23 13:16

el-upload，auto-upload=“false“需要提交兩次才能成功

element-plus的el-upload，auto-upload="false"需要提交兩次才能成功。需要把:auto-upload="true"或者刪除selectfile

MyFreeIT·2023-12-23 09:50

简洁封装axios请求，拦截器等

本质上除了get请求，其他请求都是post请求，所以单独处理下get请求，其他请求跟axios保持一致就可以：importaxiosfrom"axios";import{ElMessage}from'element-plus

球球不吃虾·2023-12-23 08:51

vue3 + TypeScript使用国际化

官方中文文档当然如果你的vue3项目未使用vite,你也可以为你的旧项目提提速，安装vite，安装方法在上一个博客本文使用了element-plusui库所以需要引入elementplus自带国际化安装element-plus

你的眼睛會笑·2023-12-22 20:14

刚学的把HTML页面改到vue当中

去注册import{Lock,User}from'@element-plus/icons-vue'importmySwitchfrom'@/utils/mySwitch'import{reactive,

在努力的前端小白·2023-12-21 19:50

vite+vue3初体验

包含技术栈：使用vue3,vite,typescript等前沿技术开发ajax：二次封装axios，统一管理接口主题：可自行修改element-plus主题样式国际化：完善的国际化方案路由：动态路由生成方案组件

sunweijieMJ·2023-12-21 19:45

element-plus el-input 修改边框 border

前提：Vue3+element-plus;1、去除el-input的边框：.inputDeep{:deep(.el-input__wrapper){box-shadow:0000pxvar(--el-input-border-color,var(--el-border-color))inset;cursor:default;.el-input__inner{cursor:default!impor

龙丨行·2023-12-21 11:20

vue3+js+elementPlus使用富文本编辑器@vueup/vue-quill

整体思路待解决前言本篇文章是基于vue3、js、elementPlus框架进行的，主要是核心涉及的包是以下三个"vue":"^3.2.47","@vueup/vue-quill":"^1.0.0-alpha.40","element-plus

FixUpSth·2023-12-21 11:45

wangEditor5+vue3+ts

import{ElMessage}from'element-plus';import{uploadImageasuploadFileAndImage}from'@/api/tool';import{debounce

修复bug·2023-12-21 09:02

vue3 element-plus 根据表格多选状态禁用按钮

element-table中的钩子函数selectino-change可以获取表格的数据状态触发相应操作constselectionChange=(selection:any)=>{if(selection.length>0)isDisable.value=falseelseisDisable.value=true}按钮的禁用状态由isDisable变量响应式决定批量删除letisDisable=

Я жду ветра·2023-12-20 18:07

element-plus 表格简单封装

最近用element-plus写前端，发现表格、分页、检索等多组件都是分离的，每次都要自己去合并，所以根据应用场景自己封了一个小组件，直接上代码：{{btn.label}}importoaTablefrom

苏小邪·2023-12-20 13:37

vue3动态验证码

首先下载了vant4组件库，element-plus组件库，配置了路由，及接口的封装element-plus组件库可全局配置：快速开始|ElementPlusvant4组件库，我是按需引入：Vant4-

@tg6666666666666·2023-12-20 10:24

Vue3 Element Plus自定义年份区间选择组件

环境："dependencies":{"@rollup/plugin-alias":"^3.1.9","@types/node":"^17.0.43","element-plus":"^2.2.15",

Nithumahel·2023-12-20 06:57

element-plus,date-picker组件禁用日期，小时以及分钟的属性

{{sendTime}}import{ref}from'vue'constsendTime=ref(newDate())constdisabledHours=()=>{constnow=newDate()consthours=now.getHours()constdisabled=[]if(sendTime.value.getDate()===newDate().getDate()){for(le

zifengningyu·2023-12-20 01:43

vue3项目，按需引入Element-plus ElMessage 样式丢失

文章目录Element-plus使用了自动按需导入代码手动导入了API样式丢失解决方案Eslint报错Element-plus使用了自动按需导入vite.config.js配置如下：import{defineConfig

骆骆爱学习·2023-12-20 01:23

vue项目引入Element Plus

ElementPlusnpminstallelement-plus--saveyarnaddelement-plus2、引入方式2.1、完整引入在入口文件main.js中引入//引入elementPlusimportElementPlusfrom'element-plus

丠丠冲冲冲·2023-12-19 22:39

封装第三方组件（24）给element-plus 的表单子控件增加一个防抖的功能

element-pluselement-plus功能非常强大，但是好像只有el-autocomplete提供了一个防抖功能，其他表单子控件并没有提供防抖功能，而el-autocomplete的防抖和我想要的效果又不太一样，所以只好写个函数实现我想要的防抖效果。需求Vue是响应性和双向绑定的，用户在文本框输入一个字母，就会立即响应，如果是表单的话问题不大，但是如果是查询的话，就有点不方便。比如用户想

自然框架·2023-12-19 14:30

vue3.2结合element-plus自定义上传组件

感觉el-upload自定义也没合适的文档，想自定义处理事件和处理文件的时候不方便。所以研究了一下。首先给出基本操作：//vue中定义了上传的变量constuploadFile=ref(null)//下面这个是可以显示具体有哪些操作console.log(uploadFile.value)uploadFile.value.abort();//取消上传uploadFile.value.submit(

林中伊人·2023-12-18 07:48

关于Element Plus 的日期组件修改成中文显示

关于ElementPlus的日期组件修改成中文1.默认样式默认是英文的2.修改方法第一步引入语言包importzhcnfrom'element-plus/lib/locale/lang/zh-cn'第二步定义对象

简至大道·2023-12-18 05:30

ElementPlus 日期控件el-date-picker换成中文

配置文件main.js/main.tsimportElementPlusfrom'element-plus';import'element-plus/dist/index.css'import'dayjs

你离优秀差多少·2023-12-18 05:29

vue3项目引入的 element: ^2.3.8,日期选择器换成中文

1.按需引入的日期选择器import{ElConfigProvider}from"element-plus";importzhCnfrom'element-plus/es/locale/lang/zh-cn

Q.363·2023-12-18 05:29

ElementPlus将引入的组件设置为中文

/App.vue'importElementPlusfrom'element-plus'importzhCnfrom'element-plus

阿米ya~·2023-12-18 05:58

vue中的element-plus如何让el-date-picker显示中文

引入import{ElConfigProvider}from'element-plus'importzhCnfrom'element-plus/lib/locale/lang/zh-cn'注册组件components

qq_39776574·2023-12-18 05:58

elementPlus 按需引入时设置日期选择器 el-date-picker 用中文显示

实现：在App.vue文件中加入el-config-provider标签以及引入：import{ElConfigProvider}from'element-plus';importlocalefrom'element-plus

想不到耶·2023-12-18 05:28

TypeScript TSX 使用 [ElDatePicker] 报错缺少事件类型，onChange 提示 “不存在属性“onChange”“

importstyledfrom'@/styled-components'import{defineComponent,ref,reactive}from'vue'import{ElDatePicker}fromfrom'element-plus

＊且听风吟·2023-12-18 05:57

vue3 element-plus 日期选择器 el-date-picker 汉化

vue3项目中，element-plus的日期选择器el-date-picker默认是英文版的，如下：页面引入：//引入汉化语言包importlocalefrom"element-plus/lib/locale

＊且听风吟·2023-12-18 05:55

vue3滑动拼图

下载模块包：npminstallvue3-puzzle-vcode--save使用此代码前先安装，element-plus，vue-router，less等模块登录功能部分//自定义背景图，自己准备一张图片

@tg6666666666666·2023-12-18 02:32

vue3 element-plus el-table 实现指定单元格编辑

首先要知道是哪一行需要修改，当点击时修改，回车保存1.定义行idconsttableRowEditId=ref(null);//控制可编辑的每一行//consttableColumnEditIndex=ref(null);//控制可编辑的每一列2.在el-table上绑定单元格的点击事件cell-click(单击)cell-dblclick(双击)constshowUnitInput=(row:a

anwenagululu·2023-12-17 22:42

element-plus添加/删除表单项（一行三个

效果昨天的小需求，整理一下，想要在element-plus基础上做直接新增一行三列的效果，代码如下-->删除新增保存import{inject,ref}from"vue";import{routeInterveneList

anwenagululu·2023-12-17 22:12

vue3 element-plus el-date-picker设置默认值

上代码设置默认值为明天conststart1=newDate();start1.setTime(start1.getTime()+3600*1000*24);constform=ref({visitDate:formatDate(start1,"yyyy-MM-dd"),});

anwenagululu·2023-12-17 22:41

Vue3 element-plus el-form嵌套el-table，并且进行单行校验

具体需求：实现可添加行数据的表单，并且能够单独校验一行的数据，废话不多说，直接上代码{{row[item.prop]}}保存取消这里用的vue3选项式用法，小伙伴们可自行替换成setup语法糖使用exportdefault{data(){return{busiKeyCol:[{prop:"THR_KEY",label:"数据1",formType:"input","min-width":200,}

Hoyinhs·2023-12-17 21:29

vue3中修改element plus 主题色

方式设置变量进行覆盖1.1文件夹styles下新建一个element-variarbles.scss文件:root{–el-color-primary:red;}1.2main文件中引入import‘element-plus

先知-旭日东升·2023-12-17 16:54

Element-Plus表单校验

目录一、表单校验（1）简要概述（2）基本使用二、自定义表单校验（1）简要概述（2）基本使用一、表单校验（1）简要概述Form组件允许你验证用户的输入是否符合规范，来帮助你找到和纠正错误。这里设置表单校验规则，我们主要有四点。（1）el-form中的:model='ruleform'绑定的是这个form的数据对象,不像以前我们用input中的name属性值一个一个接受获取，他是直接一次性传递一个对象

菜到极致就是渣·2023-12-17 12:25

element-plus文本输入框数字而不是字符串

将原本的v-model改为v-model.number

青乌·2023-12-17 10:11

electron + vue3 + element-plus + blockly项目搭建与踩坑

目录项目背景框架版本框架的个人理解项目搭建electron搭建blockly开发blockly踩坑一吐槽踩坑二解决一解决二electron路径问题loadFile和loadURLBrowserWindow.getAllWindows()项目背景笔者之前主要是做后端，前端只了解一点点，用的也是vue2，但是工作需求要去做前端。虽然需求说使用的是vue3，奈何不会ts，vue3当vue2用。¯\_(ツ

“ ”·2023-12-17 08:06

初学vue3与ts：element-plus的警告(Extraneous non-props attributes (ref_key) ...)

用了vue3与ts，ui我就选了element-pluselement-plus官网：https://element-plus.org/zh-CN/element-plus官网(国内镜像站点)：https

空&白·2023-12-16 20:50

vue3封装表单组件,不能触发element-plus的form/form-item的验证事件，解决办法

前言：在我们的项目开发中，经常需要封装一些自定义的表单组件来满足各种不同的表单提交需求，并且通常会配合一些UI组件库写，提高开发效率。这里讲一下使用elementUI时，封装v-model的组件遇到的问题。这里就拿一个图片上传组件做例子：（这里是在el-upload上做二次封装）ImageUpload.vue使用最简单需求：我们在上传图片后，需要自动触发表单的validate验证，上传后，要去掉已

搬代码的农民·2023-12-16 17:31

推荐频道

Element-plus