element-plus

【java爬虫】股票数据获取工具前后端代码

前面我们有好多文章都是在介绍股票数据获取工具，这是一个前后端分离项目后端技术栈：springboot，sqlite，jdbcTemplate，okhttp前端技术栈：vue，element-plus，echarts
haohulala·2024-01-02 04:55

vue3结合element-plus封装table列表组件

效果如下:ok,开始代码，逻辑肯定是公共部分写死，不一样的地方用插槽来完成table.vue{{title}}{{scope.row[propItem.prop]}}import{defineComponent}from'vue'exportdefaultdefineComponent({props:{title:{type:String,default:''},listData:{type:Ar
进阶的巨人001·2024-01-02 00:16

vue二次封装element-plus之el-table组件

封装后调用组件效果：编辑分配角色组件中接收变量含义：tableData：表数据；(默认数组)tableColumn：表头项；(默认数组)tableColumn-prop：列的英文名；(默认字符串)tableColumn-label：列的中名；(默认字符串)tableColumn-width：列的宽度；(默认字符串)tableColumn-expand：是否扩展列；(默认布尔值){{scope.ro
三行代码解决·2024-01-02 00:42

websocket封装

import{ElMessage}from"element-plus";letsocket="";letlockReconnect=false;//是否真正建立连接lettimeout=20*1000;
墨迹斑斑的老墙·2024-01-01 14:02

前端函数配置化编程 - Element-plus

yc-setting-element-plus介绍yc-setting-elment-plus是一款针对了element-plus框架进行实现的配置化项目开发插件。
戴向天·2024-01-01 13:42

vue3+element plus树穿梭框

|'左侧栏'}}{{rightTit||'右侧栏'}}穿梭框控制逻辑import{ref,nextTick,defineExpose}from'vue'import{Right,Back}from'@element-plus
BarryKerrigan·2023-12-31 21:25

图片预览 element-plus 带页码

vue3、element-plus项目中，点击预览图片，并显示页码效果如图安装|ElementPlus{{imgCur}}/{{imgListArr.length}}//预览图片的数组constimgListArr
闲来无事垂钓·2023-12-31 21:46

SpringBoot集成Vue3实现的系统(一)

图文摘录（一）提示：SpringBoot2与Vue3的小练习图文摘录高能提示：三篇文章带你更熟悉掌握前后端分离的基本实现一、vue的基本环境搭建新建项目vue3-springboot1、安装axios、element-plus
许锅锅啊·2023-12-31 08:53

我一人全干！之二，vue3后台管理系统树形目录的实现。

因为使用的是element-plus的ui库，所以首选el-menu组件，点击查看文档。因为此组件不是树形结构的，所以需要封装成系统需要的树形结构组件。可以使用vue的递归组件。
23朵毒蘑菇·2023-12-30 11:21

vue3整合Element-Plus，极速上手。

条件分页查询：需求分析：form表单Button按钮Table表格Pagination分页页面布局：搜索表单：如果表单封装的数据较多，建议绑定到一个对象中。定义表单搜索接口：exportinterfaceSearchEmpModel{name:string,//姓名gender:string,//性别begin:string,//开始时间end:string,//结束时间date:string[]
烛.照103·2023-12-30 09:21

element-plus中el-upload组件限制上传文件类型

ElementPlus中，el-upload组件可以通过设置accept属性来限制上传文件的格式1.限制上传图片文件点击上传2.限制上传Excel文件点击上传
幼稚鬼_Blog·2023-12-29 21:25

element上传多张图片

import{ref,reactive,watch}from'vue';import{Plus}from'@element-plus/icons-vue';constprops=defineProps(
我爱学习yq·2023-12-29 16:47

element-plus+Vue3实现表格数据动态渲染

前言：最近跟小伙伴一起从0到1一起搭建一个面试学习系统，学习使用element-plus框架动态渲染从后端获取的数据，在这里跟诸位大佬一起分享：话不多说，上代码：//labal表示表头展示的名称prop
gurenchang·2023-12-29 09:42

element-plus el-table树形 懒加载 新增、删除等局部刷新

1.el-table代码新增删除2.vue3代码import{add,sonList}from"@/api/xxx";consttableData=ref([{id:3,date:'2016-05-01',name:'wangxiaohu',hasChildren:true,address:'No.189,GroveSt,LosAngeles',parentId:"0"}])consttable=
江-月*夜·2023-12-29 04:48

基于Element-plus封装配置化表单组件（组件的v-model实现）

一、预备知识1.1组件的v-model前面我们在input中可以使用v-model来完成双向绑定：这个时候往往会非常方便，因为v-model默认帮助我们完成了两件事；v-bind:value的数据绑定和@input的事件监听；如果我们现在封装了一个组件，其他地方在使用这个组件时，是否也可以使用v-model来同时完成这两个功能呢？也是可以的，vue也支持在组件上使用v-model；当我们在组件上使
小小白学计算机·2023-12-28 22:38

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
上一页 1 2 3 4 5 6 7 8 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他