element-plus

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 结合Vue Router时出现的问题及解决方法之一

1、单文件应用element-plus中的Menu侧边栏Customcolors-->后台首页如果这样写的话，会出现如下样式：（element-plus样式被打乱了）因此，需要如下做法：Customcolors
灰鸽私塾·2023-12-16 10:26

全局注册组件

element改版了，所有图标已经变成了组件，以svg的形式来展示1.下载element-plus/icons图标包npminstall@elements/icons2.在main.ts中引入import
五号社会好青年·2023-12-16 06:34

element-plus：el-Dialog对话框组件垂直居中、禁止屏幕滚动、使用内滚动

app.vuestyle部分添加以下内容：.el-dialog{display:flex!important;flex-direction:column!important;margin:0!important;position:absolute!important;top:50%!important;left:50%!important;transform:translate(-50%,-50%
哥很冷漠·2023-12-16 03:44

Vue学习笔记之路由

文章目录第六章element-ui(vue2)/element-plus(vue3)第七章vue-router7.1路由的实现7.1.1MVC及MVVM架构下的路由7.1.2vue路由实现7.2延迟加载动态导入
bfbshs_ddd·2023-12-16 01:39

element-plus的el-upload上传图片

上传一张图片后隐藏上传按钮，添加删除和预览，然后把图片变成base64，在整个form进行提交的时候，先把图片进行上传，在进行提交，以及修改的时候进行回显首先是htmlbase64的方法uploadImgToBase64(file){//核心方法，将图片转成base64字符串形式returnnewPromise((resolve,reject)=>{constreader=newFileReade
加油，前进·2023-12-15 20:47

element-plus的el-pagination分页

在项目中要做的分页大概是这个样子，其实element-plus框架里面也写的很详细，大概按照他的写就行首先是htmldata里面写上数据，pageNum是第一页，pageSize是随机写的pageNum
加油，前进·2023-12-15 20:47

vue3 element plus 更换主题颜色

实测有效1.src下新建文件styles/element/index.scss//styles/element/index.scss/*只需要重写你需要的即可*/@forward'element-plus
yi碗吃不够·2023-12-15 17:43

vue3对接海康安防监控

/utils/request'import{ElMessageBox}from'element-plus'exportdefault{props:{//摄像头的code可以有多个，为数组shipinL
会飞的鱼—·2023-12-15 17:40

关于Vue3中的el-table嵌套el-popver弹出框

效果展示：其中其中el-popver的placment属性定义popver弹出框的位置，默认值为bottomtrigger为触发方式，默认为hover公共代码：详细信息引入涉及到element-plus
mosen868·2023-12-15 17:30

Vue3项目filter.js组件封装

1、element-plus(el-table)修改table的行样式exportfunctionelTableRowClassName({row,rowIndex}){if(rowIndex%2!
DHLSP15·2023-12-15 10:52

vue3+＜script setup＞+element-plus中的el-table树形数据与懒加载

这里没使用lang="ts",如果需要使用看element-plus官方文档element-plus>Table表格>树形数据与懒加载               constload=(row,treeNode
幼稚鬼_Blog·2023-12-15 05:51

element-plus：el-Dialog对话框组件垂直居中、禁止屏幕滚动、使用内滚动

app.vuestyle部分添加以下内容：.el-dialog{display:flex!important;flex-direction:column!important;margin:0!important;position:absolute!important;top:50%!important;left:50%!important;transform:translate(-50%,-50%
我爱学习yq·2023-12-14 22:19

vue3 element图片上传案例

cv走就可以用，在这里就不多说了选择文件只能上传jpg/png文件，且不超过500kbimport{ElUpload}from'element-plus'consthandleSuccess=(response
锅盖哒·2023-12-14 22:12

vue3 + ts 防抖指令，节流指令，复制指令

vue3+ts自定义指令防抖指令，节流指令，复制指令本文使用了element-ui,element-plus官网源文件https://admin.spicyboy.cn/#/directives/debounceDirect
你的眼睛會笑·2023-12-14 21:34

axios 的封装

//封装请求importaxiosfrom'axios'import{ElMessage}from'element-plus'//请求consthttp=axios.create({baseURL:"https
学而时习之不亦说乎。·2023-12-14 16:56

Vue3: 给表格多个字段添加排序功能

问题在Vue3项目中，使用element-plus的表格组件绘制表格后，需要令表格的多个字段可以进行选择排序（选择升序或者降序）但是排序功能好像有时候会出错，需要排序的字段多了之后，排序功能有时候会不起作用解决给表格设置
十八只兔·2023-12-14 14:06

Vue3：表格单元格内容由：图标+具体内容 构成

一、背景在Vue3项目中，想让单元格的内容是由：图标+具体内容组成的，类似以下效果：二、图标Element-Plus可以在Element-Plus里面找是否有符合需求的图标iconfont如果Element-Plus
十八只兔·2023-12-14 14:56

vue3.0 引入国际化

index.jsimport{createI18n}from'vue-i18n'importcachefrom'@/utils/cache'//element-plus国际化文件importelement_zh_cnfrom'element-plus
qq_34114535·2023-12-06 14:25

el-tree数据量过大，造成浏览器卡死、崩溃

el-tree数据量过大，造成浏览器卡死、崩溃场景：树形结构展示，数据超级多，超过万条，每次打开都会崩溃我这里采用的是引入新的插件虚拟树，它是参照element-plus中TreeV2改造vue2.x版本虚拟化树形控件
hibiscusxin·2023-12-06 13:55

js实现在线预览(PC)图片、pdf、excel、docx

js实现图片预览参考：添加链接描述图片预览本来用的是element-plus自带的组件el-image，但是去不掉缩略图，所以换成了el-imag-viewer组件（图片可拖拽），由于用的vite没有require
来福福是小可爱！·2023-12-06 05:11

引入ElementPlus国际化文件报错（Cannot find module element-plus/dist/locale/zh-cn.mjs or its corresponding typ）

按照官方文档引入国际化importElementPlusfrom'element-plus'importzhCnfrom'element-plus/dist/locale/zh-cn.mjs'app.use
啃火龙果的兔子·2023-12-04 12:11

element-plus主题配置

element-plus主题配置先上官网：主题本篇文章会讲述，我是如何根据官方教程进行element-plus的主题配置的，以及遇到的坑，和坑的解决方法。
acgCode·2023-12-04 00:43

element-plus的自动导入和按需导入

element-plus根据官网文档，推荐用户采用按需导入的方式进行导入。我的项目是使用vite进行构建的，根据官网的文档，利用unplugin-vue-components插件进行自动按需导入。
acgCode·2023-12-04 00:12

element-plus 上传组件 el-upload 直传第一次取不到数据

取不到数据是官方("element-plus":"^2.3.4")beforeData在beforeUploadPromise之前导致异步设置:data不生效文件传不上去的原因，改为http-request
qrn1024·2023-12-03 22:12

从零开始搭建博客网站-----登陆页面

登录按钮以及背景图设置安装element-plus和css插件npminstallelement-plus--savenpminstallsass--savenpminstallsass-loader-
花落yu·2023-12-03 21:09

el-menu导航鼠标移入背景色，字体颜色改变，及文字过长，显示省略号，鼠标悬停显示全文

NavigatorNavigatorNavigatorNavigatorOneitemoneitemoneitemthreeitemfouritemoneNavigatorTwoNavigatorThreeNavigatorFourimport{Location,Document,MenuasIconMenu,Setting,}from'@element-plus
张小浪·2023-12-03 12:59

element-plus按需引入及配置locale国际化版本1.0.2-beta.31

babel.config.js文件module.exports={presets:['@vue/cli-plugin-babel/preset'],plugins:[["import",{libraryName:'element-plus
张小浪·2023-12-03 12:59

Springboot3+vue3从0到1开发实战项目（一）

知识整合项目使用到的技术后端开发：Validation,Mybatis,Redis,Junit,SpringBoot3，mysql，Swagger,JDK17，JWT，项目部署前端开发：Vue3，Vite，Router，Pina，Element-Plus
努力的小周同学·2023-12-03 00:52

vue3 hook库

import{ElNotification}from"element-plus";/***@description接收数据流生成blob，创建链接，下载文件*@param{any}data导出的文件blob
自由的音符·2023-12-02 20:59

vue3+vite 按需自动引入element plus报错(按照官方方法配置失败:Failed to resolve import “element-plus“)

参考文章：https://www.cnblogs.com/cokolxvd/p/15661086.html按需自动引入elementUI首先需要插件unplugin-vue-components和unplugin-auto-importnpmiunplugin-vue-componentsunplugin-auto-import根据elementUIplus官网说明快速开始.需要在vite.con
苏米素·2023-12-02 17:21

element-plus 使用密码输入框的自定义图标

//icon图标constshowPassword=ref('text');//点击切换密码显示状态constswitchPassword=()=>{showPassword.value=!showPassword.value;};.input_icon{cursor:pointer;width:25px;height:15px;padding-right:6px;padding-bottom:1
不爱吃饭爱吃菜·2023-12-02 16:28

vue3项目封装form表单

本文基于Element-plus实现二次封装表单组件。
前端可樂·2023-12-02 14:10

vue3中使用element ui plus icon，完整步骤

element-plus/icons-vuepnpm$pnpminstall@element-plus/icons-vue二：在mainjs中引入import*asElementPlusIconsVuefrom‘@element-plus
weixin_47560716·2023-12-02 14:02

WebSocket 前端使用vue3+ts+elementplus 实现连接

1.配置连接websocket.ts文件如下import{ElMessage}from"element-plus";interfaceWebSocketProps{url:string;//websocket
小菜鸟码住·2023-12-02 11:05

element + vue3，级联选择器实现省市区

import{ref,reactive,toRaw,onMounted,watch,onBeforeUnmount}from'vue'importtype{CascaderProps}from'element-plus'import
irisMoon06·2023-12-02 10:07
上一页 2 3 4 5 6 7 8 9 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他