elementUI组件库

vue2和vue3的区别

Vue2响应式原理：Object.definePropertyVue3Vue基础语法+Vue-router+vuex(pinia)+组件库语法不同（组合式api)、体积更小、按需引入、proxy实现响应式
诗霖雪·2024-01-28 00:43

ElementUI 源码分析2 - 组件篇

ElementUI是一套为开发者、设计师和产品经理准备的基于Vue2.0的桌面端组件库。0、前言老规矩，带着问题看源码：组件的两种使用方式是如何做的（Tag模式｜API模式）？
风之化身呀·2024-01-27 23:02

elementui ImagePicker

学习记录：需求：定义一个图片上传/预览/放大效果公共组件。{{viewImgTitle}}|{{editIconAndTitle.editTitle}}引入importelImageViewerfrom"element-ui/packages/image/src/image-viewer.vue";importelImageViewerfrom"element-ui/packages/image/
懒记记·2024-01-27 23:10

Element UI

ElementUI一、介绍二、准备工作1.安装npm安装CDN2.引入Element（通过npm安装）完整引入按需引入3.全局配置4.语言设置通过CDN的方式加载语言文件5.自定义主题6.内置过渡动画三
ZiminLi·2024-01-27 23:39

1.【Vue3】前端开发引入、Vue 简介

接下来开始学习大事件项目的前端开发，前端部分借助两个框架实现：Vue3（一个JS框架）基于Vue3实现的页面组件库Element-Plus回忆HTML、CSS、JS：HTML：负责网页的结构（标签:form
offer来了·2024-01-27 21:31

2023年最佳榜单之最佳React UI组件库

ReactUI组件库是有用的工具，可以帮助你为你基于React的软件应用程序和网站创建令人惊叹的界面。
WPHunter·2024-01-27 19:20

elementUI表格头添加图标-鼠标移入显示el-tooltip提示信息

目的：elementUI表格头添加图标-鼠标移入显示el-tooltip提示信息项目经理要求表格头部添加一个图标，鼠标移入提示用户字段包含的内容信息，以前没有开发过，故总结一下。
今天不加班*·2024-01-27 19:47

ElementUI的Upload组件上传时如何携带参数

使用:data={参数},多个参数为键值对的形式{key1:value1,key2:value2},传递参数data(){return{id:1,name:'图片名称',url:'上传接口地址'}}
Star航仔·2024-01-27 17:20

前端代码审查（Code Review）---具体实践规范会持续更新

建议使用ElementUI提供的button组件的loading属性，或者自己封装一个loading状态的按钮组件。提交2、模板上超过两个的判断条件，写成方法或者compu
wocwin·2024-01-27 15:04

2024/01/05-vue2 前后端分离

前置准备修改node的端口号，如果和后端的端口号一样，后端可能会启动失败在vue.config.js中添加框选内容使用ui，这里使用都是elementuinpmielement-ui完整引入elementui
瑕光.·2024-01-27 14:38

vue element-ui的图标选择组件vue-fontawesome-elementui-icon-picker

效果图1.安装cnpminstallvue-fontawesome-elementui-icon-picker2.在main.js全局注册importiconPickerfrom'vue-fontawesome-elementui-icon-picker
Zero-To-One·2024-01-27 14:57

vue element-ui 菜单管理使用图标选择器组件

1.安装npminstallvue-fontawesome-elementui-icon-picker2.main.js配置(放在Element引入之后)importiconPickerfrom'vue-fontawesome-elementui-icon-picker
荣~博客·2024-01-27 14:23

uniapp导入uView组件库

目录准备工作1.新建一个项目2.导入uview组件库3.关于SCSS配置步骤1.引入uView主JS库2.在引入uView的全局SCSS3.引入uView基础样式4.配置easycom组件模式添加效果实验运行即可成功准备工作
前端 贾公子·2024-01-27 13:22

vue3完整教程从入门到精通（新人必学2，搭建项目）

概述：之前文章创建了一个vue-project项目，咱们就用那个项目接着写目录安装elementui检验elementui的安装之前文章：vue3完整教程从入门到精通（新人必学1，vue3快速上手）-CSDN
村口曹大爷·2024-01-27 13:40

【小程序-基础进阶】Vant Weapp，API Promise化，全局数据共享，分包（独立分包、分包预下载）

文章目录一、使用npm包1.1小程序对npm包的支持和限制1.2VantWeapp1.2.1安装Vant组件库1.2.2使用Vant组件1.2.3定制全局主题样式1.CSS变量2.定制全局主题样式1.3APIPromise
zilin_taku·2024-01-27 13:45

05-小程序◆ 使用 npm 包 ◆ 全局数据共享 ◆ 分包 ◆ 案例 - 自定义 tabBar

◆使用npm包◆全局数据共享◆分包◆案例-自定义tabBar①能够知道如何安装和配置vant-weapp组件库⚫参考Vant的官方文档②能够知道如何使用MobX实现全局数据共享⚫安装包、创建Store、
W蘭·2024-01-27 13:43

小程序提升篇-npm、数据共享、分包、自定义tabBar

第三方包，提高开发效率，有以下三种限制：不支持依赖node.js内置库包不支持依赖浏览器内置对象的包不支持依赖C++插件的包限制较多，因此小程序可以使用的包不多1.2VantWeapp是一套开源的小程序UI组件库
曹莓奶昔·2024-01-27 13:13

小程序中的npm使用，Vant Weapp组件库，全局数据共享，分包

一、安装并使用vant组件库目前，小程序中已经支持使用npm安装第三方包，从而来提高小程序的开发效率。
未及545·2024-01-27 13:43

微信小程序 五 npm 包 、安装 vant组件、promise组件、全局数据共享、 分包！！！、自定义 tabBar 案例

总结能够知道如何安装和配置vant-weapp组件库参考Vant的官方文档能够知道如何使用MobX实现全局数据共享安装包、创建Store、参考官方文档进行使用能够知道如何对小程序的API进行Promise
Hyman-ya·2024-01-27 13:42

鸿鹄工程项目管理系统em Spring Cloud+Spring Boot+前后端分离构建工程项目管理系统

Java版工程项目管理系统SpringCloud+SpringBoot+Mybatis+Vue+ElementUI+前后端分离功能清单如下：首页工作台：待办工作、消息通知、预警信息，点击可进入相应的列表项目进度图表
m0_68459853·2024-01-27 12:03

vue+elementUI组件tree实现单选加条件禁用

elementUItree：http://element.eleme.io/#/zh-CN/component/tree官方给出的API还是挺全的，但是示例木有给全，有几个API的说明也不是很能理解～tree
GarenWang·2024-01-27 12:16

elementUI的tree树形控件，阻止节点点击触发展开收缩的方法

当我们的操作是这样的时候：当我们想要点击新增或是删除的时候，有子节点的节点会触发展开收缩的事件，那么我们就要阻止冒泡了，只需要加上expand-on-click-node="false"就可以如图：
珊珊美眉·2024-01-27 11:46

2023年最火前端开源项目，已获46K star!

shadcn-ui是一套基于React的UI组件库，它与众不同之处在于，它允许开发者通过Tailwind
海鲸AI·2024-01-27 10:25

Electron+vue+element ui+vscode+git桌面程序-小白篇 超详细

调研后决定采用：web方式写页面，然后打包为桌面程序选技术为：Nodejs+Electron+vue+elementui+vscode+git二.环境Node.js应用基于js，所以需要先安装Node.js
xingsfdz·2024-01-27 09:34

使用element-ui项目打包后icon图标不显示

在使用vue-cli搭建项目的时候，用了element-ui组件库的图标的，使用npmrunbuild打包项目放到服务的时候，图标显示是框；需要修改两个配置：1.首先在config文件夹下的index.js
赵思远kelsty·2024-01-27 09:00

Electron 打包配置，element-ui图标不显示

org.simulatedgreg.electron-vue","directories":{"output":"build"},"files":["dist/electron/"//注意地址的书写，不正确可能会导致elementui
IT_逆旅行人·2024-01-27 09:30

VUE3+Element-plus中el-form的使用

目录实现效果关键点完整代码增加表单项的校验规则实现效果Element-plus使用el-form必须配置ref和model属性，二者的值不能相同（在ElementUI中是可以相同的）。
尘烟生活家·2024-01-27 09:03

【GitHub项目推荐--React 组件库】【转载】

这个9.9kStar的开源项目是一个React组件库帮助你更快速的构建Web应用，包含120+可定制组件和Hook，支持暗黑主题。
旅之灵夫·2024-01-27 06:58

【硅谷甄选】根据路由动态生成菜单

使用element-plus组件库。
小秀_heo·2024-01-27 02:03

前端el-upload拖拽上传文件到oss服务器

1，准备上传文件的代码：复制组件库代码，按照需求微调将文件拖到此处，或点击上传文件大小不要超过100M!
只差亿点点·2024-01-27 01:27

el-upload图片上传OSS vue+springboot 简单好copy(代码全)

简单使用文章目录目录使用步骤1.后端（springboot）创建项目文件（仅供参考）UploadUtil.javaUploadController.java2.前端（vue2+elementUI）创建项目文件
无情也星海·2024-01-27 01:26

element-ui/el-upload上传oss，支持截屏后粘贴上传

upload上传是前端开发很常用的一个功能，在Vue开发中常用的Element组件库也提供了非常好用的upload组件。本文采用scoped-slot去设置缩略图模版，并且实现了oss粘贴上传功能。
chensunxu·2024-01-27 01:56

vue2中使用swiper组件库

api参数中文官网下载并引入项目//安装[email protected]@5.4.5--save//main.js引入importVueAwesomeSwiperfrom'vue-awesome-swiper'import'swiper/css/swiper.css'Vue.use(VueAwesomeSwiper,/*{defaultopt
白小白灬·2024-01-27 01:32

el-select嵌套el-select或者嵌套el-time-picker点击选择内层的日期时间导致外侧的el-option收回问题的解决办法

el-option收回问题的解决办法由于业务需求页面中用到了如下代码其中就是el-select嵌套el-time-picker时间选择当选择时间时el-select的下拉框自动收回了的问题解决办法如下：1：引入elementui
一室易安·2024-01-27 01:59

vue3-elementPlus部分组件样式修改

前提：在less语言下使用/deep/；在sass语言下使用::v-deep替换/deep/但::v-deep的写法已经废弃，建议使用:deep(css选择器)elementUI样式修改：vue2-elementUI
小沐°·2024-01-27 00:54

Element-UI日期选择器el-date-picker给指定日期添加红点标注

二、技术选型查阅资料后我们得知，ElementUI在2.12.0版本里，日期选择器的picker-options新增了cellClassName方法，那么我们就来看一下如何实现。
不会敲代码。·2024-01-26 23:49

element-ui 修改时间选择器的样式

但是elementUI的时间选择器el-date-picker是将元素直接挂载到页面的中，而非自身元素下，所以使用/deep/穿透也是无法定位到元素的。
lulululuq·2024-01-26 23:49

修改element-ui中时间选择器的样式

但是elementUI的时间选择器el-date-picker是将元素直接挂载到页面的中，而非自身元素下，所以使用/deep/穿透也是无法定位到元素的。
甜甜凉白开·2024-01-26 23:18

uniapp组件库fullScreen 压窗屏的适用方法

目录#平台差异说明#基本使用#触发压窗屏#定义压窗屏内容#注意事项所谓压窗屏，是指遮罩能盖住原生导航栏和底部tabbar栏的弹窗，一般用于在APP端弹出升级应用弹框，或者其他需要增强型弹窗的场景。警告由于uni-app的Bug，在最新版的HX2.8.6(包括之前的多个版本)，此功能(组件)无效，等到uni-app修复此Bug时，我们会撤销此通告。提示这里的做法是在本页面打开一个新页面，同时在pag
TechWhiz-晓同·2024-01-26 20:53

uniapp组件库Line 线条 的适用方法

目录#平台差异说明#基本使用#线条类型1.3.7#兼容性#API#Props此组件一般用于显示一根线条，用于分隔内容块，有横向和竖向两种模式，且能设置0.5px线条，使用也很简单。#平台差异说明AppH5微信小程序支付宝小程序百度小程序头条小程序QQ小程序√√√√√√√#基本使用组件内部有预置的参数，直接使用即可，有如下几个参数需要了解：color为线条的颜色direction为线条的方向，默认为
TechWhiz-晓同·2024-01-26 20:20

layui组件库表单回显方案form.val(“editForm“, rowData)；

LayuiFormDataBinding点击回显数据ID用户名确认保存layui.use(['form'],function(){varform=layui.form;//模拟后台返回的数据varrowData={id:"1",username:"John",//其他字段};//点击按钮回显数据到表单中$('#showDataBtn').click(function(){//使用form.val方
就叫飞六吧·2024-01-26 19:55

uniapp 框架搭建及使用

uniapp官方文档uview官网文档前期工作：1.下载HbuilderX编辑器；2.熟悉uniapp的相关文档；3.查找合适的UI组件库，我使用的是uview（适配H5和小程序）创建uniapp新建:
马农码字·2024-01-26 19:17

工程管理系统简介 工程管理系统源码 java工程管理系统 工程管理系统功能设计

鸿鹄工程项目管理系统SpringCloud+SpringBoot+Mybatis+Vue+ElementUI+前后端分离构建工程项目管理系统1.项目背景一、随着公司的快速发展，企业人员和经营规模不断壮大
m0_66404702·2024-01-26 19:32

工程管理系统简介 工程管理系统源码 java工程管理系统 工程管理系统功能设计

Java版工程项目管理系统SpringCloud+SpringBoot+Mybatis+Vue+ElementUI+前后端分离功能清单如下：首页工作台：待办工作、消息通知、预警信息，点击可进入相应的列表项目进度图表
2301_77700816·2024-01-26 18:28

鸿鹄工程项目管理系统em Spring Cloud+Spring Boot+前后端分离构建工程项目管理系统

Java版工程项目管理系统SpringCloud+SpringBoot+Mybatis+Vue+ElementUI+前后端分离功能清单如下：首页工作台：待办工作、消息通知、预警信息，点击可进入相应的列表项目进度图表
2301_77700816·2024-01-26 18:57

ElementUI Tree懒加载的搜索功能, 主要看思路吧 【已解决】

我这里的解决办法需要额外的后端接口，目前我总共额外需要了两个。我这里就以组织人员管理为例进行列举，现在A组织下存在组织B和C,然后再B和C组织下存在若干的人员信息，每一层级之间通过懒加载进行渲染，可以通过搜索功能根据人员姓名进行搜索。思路：首先需要根据人的名称在后端查出人员的信息（最重要的是组织id）可以根据组织id去查找人员所在的组织node，然后判断当前展开的tree中是否存在这个结点this
小刘爱搬砖·2024-01-26 18:35

Vue ElementUI Tree结构 实现懒加载案例

官方文档比较全面，这里我就自己的实际开发提供一个案例，刚刚接触前端，不足之处，感谢指正官方文档exportdefault{data(){return{props:{label:'name',//name就是你自己想要在页面上展示的名称children:'zones',isLeaf:'leaf'},};},methods:{//懒加载数据实现方法loadNode(node,resolve){if(n
小刘爱搬砖·2024-01-26 18:05

速看！盘点这一年 OpenTiny 都在做什么？

四季有时，岁月更迭，OpenTiny在2023年度新增60+开源共建者，TinyVue组件库npm下载量达2.7W+，官网访问量20W+(月均),访问人数1.4W+(月均），开源PR数1139条，社群用户
OpenTiny社区·2024-01-26 17:45

el-tree(element-plus)搜索树形菜单，并且带全选多选功能

如下图所示采用的是elementui的元素来进行此功能的开发，下面为代码示例{{checkAllText}}已选{{selectNum}}个{{el.label}}import{computed,ref
yasuo56·2024-01-26 17:06

elementui中el-table中selection框选中的回显（带有expand的table）

这种数据结构，点击扩展按钮获取此项的包含的列表数据信息。row.id"@expand-change="handleExpandChange"border>{{scope.row.capacity}}{{scope.row.skuCapacityUnitName}}....方法：选中的项自动展开，点击新增按钮打开dialog并进行选中项的展开和选中回显。add(){//tableData选中项集合/
好想Z☡zᶻ·2024-01-26 16:56
上一页 11 12 13 14 15 16 17 18 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他