elementUI组件库

通过cdn引入npm包并使用

经过一番激烈的讨论采用了freemark+vue.js+elementui进行开发。freemarker是一种类似与jsp的一种模板引擎，他不允许像jsp一样在视图层编写大量的逻辑代码。
zg97zb·2024-01-15 20:13

C#实现Excel合并单元格数据导入数据集

目录功能需求Excel与DataSet的映射关系范例运行环境ExcelDCOM配置设计实现组件库引入方法设计返回值参数设计打开数据源并计算Sheets拆分合并的单元格创建DataTable将单元格数据写入
初九之潜龙勿用·2024-01-15 19:52

Vue引入element-ui报错：Uncaught TypeError: Cannot read property ‘prototype‘ of undefined

背景使用vue3.0引入element-ui第一步npmielement-ui-S第二步在main.js配置如下:importElementUIfrom"element-ui";import"element-plus
喝一杯java·2024-01-15 19:55

vue3中的插槽使用

vue3中的插槽使用vue插槽分三种，默认插槽、具名插槽和作用域插槽，实现在同一个组件中填充不同的内容，项目中也经常会遇到，自己写的可以复用的组件中，经常会用到前2种，而UI组件库中经常会用到作用域插槽
栀椩·2024-01-15 18:29

Element UI CascaderPanel级联组件使用和踩坑总结

ElementUICascaderPanel级联组件使用和踩坑总结问题背景需求中需要用到ElementUI的CascaderPanel组件，并且支持多选，定制化需求，比如某节点被选择，等价于该节点下面所有子节点都被选择
baorant在写代码·2024-01-15 16:03

ElementUI自定义级联选择器

目录步骤1:数据库步骤1.1:省市区数据库(无需建表)步骤1.2:自定义数据MySQL建表步骤2:后端实体类改动(自定义数据)步骤3:后端控制层(自定义数据)步骤4:前端4.1省市区三级联动4.2自定义三级联动步骤1:数据库步骤1.1:省市区数据库(无需建表)npminstallelement-china-area-data-S注:V6版本不支持中国港澳台地区,如需要应使用V5.0.2版本地址:e
陵川故人·2024-01-15 15:27

前端JS通过Cookie实现记住密码

目录步骤1:掌握在cookie中存值步骤2:掌握在cookie中通过name取值步骤3:vue2集成ElementUI实现页面步骤4:前端校验,通过axios连接后端步骤5:后端代码(仅供参考)步骤1:
陵川故人·2024-01-15 15:26

vue+elementui+web上传图片压缩

注意事项:未解决PNG带通道透明图片压缩后黑屏的问题，网上有评论说绘制背景色白色context.fillStyle='#fff'个人觉得意义不大，因为只要是做设计的都明白透明通道和白色背景不是同一个概念。为啥不支持PNG?点击此处查看原因原因总结:会用到toDataURL('image/jpeg',qualitys)的一个方法在指定图片格式为image/jpeg或image/webp的情况下，可以
小话001·2024-01-15 14:11

ElementUI: el-table-column 不使用 slot-scope ,无法对嵌入的 input 子组件输入

实际上这个_scope属于子组件的插槽作用域，是用不到的，可以认为是ElementUI的一个bug，设置后会触发eslint的vue/no-unused-vars的error，所以再package.json
X4tar·2024-01-15 13:33

前端可视化拖拽方案

技术栈：react+dva+less+umi+antd+node+sortableumi：组件库设计考虑的一个重要的问题就是体积和渲染问题,一旦组件库变的越来越多,那意味着页面加载会非常慢,所以我们需要实现异步加载组件和代码分割的能力
sweetBoy_9126·2024-01-15 12:12

elementui 下拉框出现脱离 超出弹框解决方案

出现原因:父盒子弹框因为内容过多只能设置隐藏滚动的效果,但是elementui下拉框的z-index权重最高,会出现脱离或者超出弹框的现象.如果调低权重,则会出现节点被弹框覆盖的情况解决方案经过观察,elementui
Jikel·2024-01-15 11:09

Vue 使用ele UI下拉框位置偏离 解决方法

而且点击不到很奇怪，并报错：Errorineventhandlerfor“updatePopper“:“TypeError:Failedtoexecute…“样式如下：问题原因：子、主应用都在全局使用了ElementUI
Hankhorse·2024-01-15 11:39

Vant组件库

Vant组件库安装配置执行命令，下载安装vant组件库。
Rouer_jia·2024-01-15 10:06

elementUI的el-table多页面选checkbox回显，拿到既可以使用

elementUI的el-table多页面选checkbox回显，拿到既可以使用关于el-table的多选，相信只要做过项目的朋友都会用过，这其中有一个坑，是很大概率会踩到的，就是第一页选中了之后，切到第二页选择完之后
阿娇·2024-01-15 10:46

vue-elementui-el-table列表表单数据回填（在点击过分页、搜索查询后依旧回填之前填写的数据）

这种列表表单数据，要求填写的值，无论在调取后台接口：搜索筛选项、分页之后，依旧可以保留，那就需要每次输入框失焦后，存储当前填写的值//搜索search(){this.saveCurrentData();//每次离开当前数据时先存储},//分页handleSizeChange(val){this.saveCurrentData();//每次离开当前数据时先存储},changePage(val){th
仰望半月·2024-01-15 10:14

开发利器——C语言必备实用第三方库

这也使得例如libevent这类事件库（基础组件库）一时间大红大紫。
码哥比特·2024-01-15 10:26

elementUI el-tree 文字过长，悬浮文字提示

使用render-content指定渲染函数对树节点的内容进行自定义，这个函数返回需要的节点区内容即可。el-tree元素代码：renderContent方法代码：renderContent(h,{node}){return({node.label})}
IsalphaDemo·2024-01-15 10:24

Element plus中el-input 框回车触发页面刷新问题及解决方案

elementUi中input组件回车触发页面刷新问题及解决方案技术：vue3+elementplus的UI框架今天做了一个小小的功能，就是基于elementUi框架的一个输入框，需要监听输入框的回车事件
鱼干～·2024-01-15 10:44

基于elementUI的el-table组件实现按住某一行数据上下滑动选中/选择或取消选中/选择鼠标经过的行

实现代码exportdefault{name:"sgBody",components:{},data(){return{isMousedownTable:false,//是否按下表格currentEnterRow:null,//当前移入的行数据tableData:[{ID:"330110198704103091",username:"username1"},{ID:"330110198704103
你挚爱的强哥·2024-01-15 09:32

Vue组件封装

前言日常Vue开发常用组件有Vant、ElementUi、VuxUI、MintUI等组件库。可是作为一个前端菜鸡常常也会遇到需要自己封装组件的需求。所以在下面会介绍自己封装组件的心得体会。
逆风微笑的程序狗·2024-01-15 07:45

工程管理系统功能设计与实践：实现高效、透明的工程管理

本文将介绍一个基于SpringCloud和SpringBoot技术的Java版工程项目管理系统，结合Vue和ElementUI实现前后端分离。
2301_78385600·2024-01-15 05:15

ElementUI表格选中行给颜色

设置:row-class-name="tableRowClassName"设置方法tableRowClassName({row}){//当前选中行id与表格的各行比较if(this.currentData.id==row.id){return"success-row";}return"";},设置style(.PageFrame为最外层的class)/*表格背景样式*/.PageFrame>>>.
永不满足的求知者·2024-01-14 23:04

ElementUI表格中日期格式化

问题：表格中时间格式控制台显示后台传过来是2019-12-27表格中显示是2019-12-2700：00：00解决：下载moment.jsnpminstallmoment--save在组件下：用‘:formatter’来绑定设置时间格式的方法carTimeFilte在本组件中引用moment.jsimportmomentfrom'moment';表格中日期过滤YYYY-MM-DDcarTimeFi
永不满足的求知者·2024-01-14 23:33

ElementUI表格中添加表头图标悬浮提示

//表格操作提示tableAction(){returnthis.$createElement('HelpHint',{props:{content:'编辑车辆/删除车辆'}},'操作');},切记导入importHelpHintfrom‘~/components/HelpHint/HelpHint.vue’;并在components中引入HelpHint.vue组件内容exportdefault
永不满足的求知者·2024-01-14 23:33

ElementUI表格点击单元格编辑

实现效果编辑之后对应表格数据该字段值也就发生了变化，控制台输出所有数据即可查看变化实现代码1、自定义编辑组件{{value}}{{this.suffix}}{{value}}{{suffix}}exportdefault{name:"EditCell",props:{/***绑定值*/value:{required:true},/***是否可编辑*/CanEdit:{type:Boolean,de
永不满足的求知者·2024-01-14 23:33

ElementUI之走马灯（轮播图）

走马灯（轮播图）实现{{item.txt}}-->在data中定义bannerH：300给个默认值设置走马灯高度//设置走马灯高度setBannerH(){this.bannerH=document.body.clientWidth/4},在mounted中执行setBannerH方法，在页面加载时动态设置高度window.addEventListener('resize',()=>{this.s
永不满足的求知者·2024-01-14 23:03

vue中的文件配好但是页面就是不显示

根据群友的提醒，看控制台，原来是element的问题，看来不能只看webstorm的控制台，改一下elementui就好了
两块钱的水杯·2024-01-14 22:06

基于Java+SpringBoot+vue+elementui的校园文具商城系统详细设计和实现

基于Java+SpringBoot+vue+elementui的校园文具商城系统详细设计和实现作者主页央顺技术团队欢迎点赞收藏⭐留言文末获取源码联系方式查看下方微信号获取联系方式承接各种定制系统精彩系列推荐
央顺技术团队·2024-01-14 21:34

vue-admin-template模板使用vue-elementui-admin中的echarts图表

导入echarts在vue-admin-template模板中是没有安装echarts的，我们需要安装npminstallecharts--save2.vue-admin-template中拉取vue-elementui-admin
又菜又爱玩呜呜呜~·2024-01-14 20:49

Vue中使用Element ui 时间选择器限制时间选择一天

Elementui时间选择器限制时间选择一天使用picker-options，代码块可见定义开始和结束时间注意，跟定义的时间一样是放到data下return里写的想限制几天就把小时改了，一天24小时两天
ikun在线敲打·2024-01-14 18:25

【CSS扩展】VUE如何使用或修改element plus中自带的CSS全局变量来定义样式

目录一、CSS声明全局变量二、使用elplus和elui的自带样式1、elementplus——var.scss位置2、elementui——var.scss位置三、修改elplus和elui中的自定义样式变量
音仔小瓜皮·2024-01-14 12:47

uniapp如何实现跨端适配

Uniapp提供了一套统一的API和组件库，可以实现跨端适配。Uniapp的跨端适配主要通过条件编译和样式适配来实现。
&ACE&·2024-01-14 12:43

Vue 使用IView ui组件库导航菜单做嵌套路由跳转，可以通过声明式和编程式路由两种方式

声明式路由的跳转{{item.title}}data(){return{siderMenuData:[{name:"ArticleManage",//此处的name用来路由跳转icon:"md-document",title:"文章管理",},{name:"CommentManage",icon:"md-chatbubbles",title:"评论管理",},{name:"ReportManage
Henry old·2024-01-14 11:42

Vue i18n多语言国际化

由于项目用的UI框架是elementUI，所以我们可以参照elementUI里的国际化模板进行编写。
前端小猪仔·2024-01-14 10:26

Vue-Awesome-Swiper基本能解决你所有的轮播需求（vue的问题）

在我们使用的很多ui库（vant、antiUi、elementUi等）中，都有轮播组件，对于普通的轮播效果足够了。但是，某些时候，我们的轮播效果可能比较炫，这时候ui库中的轮播可能就有些力不从心了。
泡芙·草莓·2024-01-14 08:58

vue-springboot甘肃旅游景点音频讲解管理系统

ide工具：IDEA或者eclipse编程语言:java数据库:mysql5.7+框架：ssm+springboot都有前端：vue.js+ElementUI详细
QQ242219979·2024-01-14 07:53

前端架构师需要具备哪些能力？

公司一工作职责1、参与项目需求分析评审，负责核心功能详细设计；2、参与技术调研，负责解决开发过程中的技术难点问题；3、协助制定前端开发规范，核心代码开发；4、负责通用模块、组件库的设计、开发、优化及维护工作
全栈弄潮儿²⁰²⁴·2024-01-14 06:59

开源 UI 组件库和开发工具库概览 | 开源专题 No.59

ant-design/ant-designStars:87.9kLicense:MITAntDesign是一个企业级UI设计语言和ReactUI库。为Web应用程序设计的企业级UI。提供一套高质量的开箱即用的React组件。使用可预测静态类型编写TypeScript代码。包含完整的设计资源和开发工具包。支持数十种语言国际化支持基于CSS-in-JS实现强大主题定制功能。microsoft/flue
开源服务指南·2024-01-14 05:36

Axure rp9 入门

AxureRP9具有丰富的交互元素和组件库，支持团队协作和版本控制，可以输出高保真原型，适用于Web、移动端和桌面应用的设计Axure
空空_k·2024-01-14 05:06

uniapp中uview组件库的AlertTips 警告提示使用方法

目录#使用场景#平台差异说明#基本使用#图标#可关闭的警告提示#API#Props#Events警告提示，展现需要关注的信息。#使用场景当某个页面需要向用户显示警告的信息时。非浮层的静态展现形式，始终展现，不会自动消失，用户可以点击关闭。#平台差异说明AppH5微信小程序支付宝小程序百度小程序头条小程序QQ小程序√√√√√√√#基本使用通过title和description设置组件的标题和描述内容
TechWhiz-晓同·2024-01-14 05:57

记录 element-ui版本不兼容问题导致popconfirm组件线下、线上表现不一致

项目场景：使用elementui+vue开发后台系统时，遇到一个表格操作需求点击进行某个操作，但是这个操作前需要进行确认提醒后才能真正处理，这里使用按钮加确认组件做交互：撤回详情问题描述：以上代码在本地测试没有问题
sj206327327206·2024-01-14 02:18

Vue 修改 Element-UI 组件的原生样式

1、问题描述前端使用Element-UI组件库，常常会遇到样式不匹配或样式显示异常的情况，但之前每每遇到这种问题，总是想着换一个组件试试，对于原来组件的样式问题就常常不了了之。
Hemist·2024-01-14 02:17

前端组件库自定义主题切换探索-01-方案借鉴与思路参考

探索原因背景首先自然是项目有需求，这是必须去做的原因其次，是我们项目没有直接使用市面上现成的基于element-ui或者ant-design的第三方UI框架，比如avue，而是有着自己的UI组件库第三，
土豆片片·2024-01-14 01:27

前端组件库自定义主题切换探索-02-webpack-theme-color-replacer webpack 的实现逻辑和原理-01

本文来研究写webpack-theme-color-replacerwebpack的实现逻辑和原理。上一篇我们讲过，webpack-theme-color-replacerwebpack基本思路就是，webpack构建时，在emit事件（准备写入dist结果文件时）中，将即将生成的所有css文件的内容中带有指定颜色的css规则单独提取出来，再合并为一个theme-colors.css输出文件。然后
土豆片片·2024-01-14 01:27

计算机毕业设计----Springboot+Vue调查问卷管理系统

>*前端开发使用了Vue、ElementUI，后端的开发则是使用了SpringBoot、MyBatis技术。
小果计算机毕设·2024-01-13 19:53

elementui中http-request注意事项

注意事项：1、http-request中的方法不会触发怎么解决？action="abc"得这样写不能删！，action=""也可以这样写，2、:auto-upload=“false”这个要删掉才能触发http-request方法，因为action="abc"是这样写的，没action中没有包含上传链接。3、在使用http-request方法的时候，:on-success,:on-error指令是不
m0_62782752·2024-01-13 19:37

VUE Calendar 用VUE+ElementUI实现带农历 节气 节日 日期的日历

农历节气节日日历vueCalendarnodejsv16.20.2npmv8.19.4vue-clivuev2.6.14element-uiv2.15.14npminstall-g@vue/cli//ORyarnglobaladd@vue/clivuecreatemy-project//ORvueuinpmielement-ui-S#ORyarnaddelement-ui目录结构package.j
ღ_2333·2024-01-13 17:57

[若依ruoyi-vue框架使用日历显示课程表]用Elementui Calendar日历显示课程数据- Calendar日历自定义内容

显示效果文章目录一、组件使用二、发送请求获取数据-前端逻辑处理三、显示总结前言Elementui官方日历组件地址Element-Theworld'smostpopularVueUIframework一、
SiTiA Tech ? offical·2024-01-13 17:52

uniapp中组件库的Checkbox 复选框的使用方法

在uni-app中使用组件库的Checkbox复选框，需要先引入组件库，并注册组件。
我爱学习yq·2024-01-13 15:11

前端monorepo大仓权限设计的思考与实现

一、背景前端monorepo在试行大仓研发流程过程中，已经包含了多个业务域的应用、共享组件库、工具函数等多种静态资源，在实现包括代码共享、依赖管理的便捷性以及更好的团队协作的时候，也面临大仓代码文件权限的问题
得物技术·2024-01-13 14:43
上一页 18 19 20 21 22 23 24 25 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他