##element-ui

Vue+element+sortablejs<表格拖拽排序>

sortablejs，如果你想了解更多，可以参考这篇文章或者想实现排序或者跨列表拖拽可以参考这边文章~~~vuedraggable使用npminstallsortablejs--save/**此处省略了element-ui
誰在花里胡哨·2021-12-14 15:16

element-ui的Tree树组件使用技巧

1，前言最近这段时间在做一个新的模块，其中有一个三层的树结构，产品经理提出了一个很古怪的需求，整的我只能自己控制树的交互，写完之后，感觉对这个组件的用法有了不一样的了解，故而写下来。2，需求如果上级节点勾选了，则底下所有节点也勾选如果是一个个勾选子级节点，直至勾选满所有子级，则该父级节点不能勾选，只能算选中状态已勾选的节点不能展开，如果是展开了再勾选的，要自动收缩回去遇见问题：问题1：后端数据不友
鹏多多·2021-12-12 21:59

Vue-Cli—01.初始脚手架 / 创建组件 / ECharts|Element-UI使用

一、VueCLI简单来说，vue-cli就是一个搭建vue项目的脚手架，在没有vue-cli之前，我们创建vue项目可能就是手动去引入vue.js，手动去创建目录，手动去加配置文件，vue-cli就是将我们这些繁杂的操作一步化，自动生成项目的模板。具体说明请移至官方文档：https://cli.vuejs.org/zh/guide/二、安装1.全局安装Vue-Clinpminstall-g@vue
萌新g·2021-12-11 20:12

Vue CLI——初始Vue-Cli & 创建组件 & Element-UI使用

一、初始Vue-CliVueCLI是一个基于Vue.js进行快速开发的完整系统。1、安装全局安装Vue-Clinpminstall-g@vue/cli#或者yarnglobaladd@vue/cli查看版本号vue--version升级npmupdate-g@vue/cli#或者yarnglobalupgrade--latest@vue/cli2、创建项目安装完成后，创建项目。项目名为demovu
叽里咕呱·2021-12-11 14:21

Element-ui中的el-image的图片预览功能，解决 每次点开时 默认显示的是上次关闭前的图片问题

Element-ui中的el-image的图片预览功能（:preview-src-list）解决每次点开时默认显示的是上次关闭前的图片问题//解决每次点开时默认显示的是上次关闭前的图片问题handlePreviewImage
如_我所愿·2021-12-10 15:18

最省事的前端动态主题的实现方案

vite插件@zougt/vite-plugin-theme-preprocessor，已在v1.4.0支持在线动态主题的实现，比原文中提到的方案六的插件更加易用，具有如下特点：使用成本很低跟ui框架无关，Element-ui
·2021-12-07 15:27

element-ui直接在表格中点击单元格编辑

目录实现效果实现代码最近由于公司开始使用elementUI，开发的过程中需要用到对表格的单元格进行编辑，下面是我自己实现表格可编辑的方式，感兴趣的可以了解一下实现效果编辑之后对应表格数据该字段值也就发生了变化，控制台输出所有数据即可查看变化实现代码1、自定义编辑组件{{value}}{{this.suffix}}{{value}}{{suffix}}exportdefault{name:"Edit
·2021-12-07 11:54

Element-ui Layout布局(Row和Col组件)的实现

函数源码分析Col组件的分析组件分析响应式布局我们在实际开发中遇到一些布局的时候会用到Layout布局，这个布局只要配置一些参数就能够达到很好的布局效果甚至可以响应式，那里面的具体是怎么实现的呢，让我们去剖开Element-UI
·2021-12-06 11:46

百度AI实现Web端人脸识别登陆-Springboot-Vue/element-ui（若依）

3.8人脸识别登陆Controller1、效果图后台获取的数据{"face_token":"efb5996c1707850f81e884ef190c984b","user_list":[{"score":91.080505371094,"group_id":"group1","user_id":"1","user_info":""}]}2、注册百度ai百度ai地址https://login.bce
沟壑学编程·2021-12-01 11:21

[vue项目] pc后台管理系统 （vue-cli +element-ui+axios+less） --- element-ui axios请求 权限管理面包屑导航

文章目录项目目录：项目地址1、项目准备1、使用vue-cli脚手架创建项目2、项目是vue-cli+element-ui+axios+less搭建的项目3、安装项目element-ui4、在main.js中引入字体图标5、mock生成模拟数据6、安装js-cookie函数，7、封装axios请求8、配置项目路由router9、定义后端接口10、后端登录接口11.前端定义所有接口请求http.js2
533_·2021-11-27 10:51

element-ui el-upload手动上传后台接口、文件上传表单校验解决方法

一、el-upload手动上传后台接口手动上传后台接口的核心步骤是1.设置:auto-upload="false"，2.设置action=""，3.设置:http-request="uploadDocs"4.表单提交方法creatMapHandle里通过调用this.$refs.docUpload.submit()，实现底层调用上述3.的uploadDocs方法点击上传请上传RDF格式文件确定取消
前端小王子·2021-11-24 08:05

Vue 大文件上传和断点续传的实现

ArrayBuffer对象创建切片发送请求所有切片发送成功后断点续传代码汇总OneMoreThingFormDataFormData.append()文件上传的2套方案基于文件流（form-data）element-ui
·2021-11-23 19:28

Vue Element-ui实现树形控件节点添加图标详解

目录1.效果图2.树形表格绑定数据加标签3.所有代码其他实现总结1.效果图2.树形表格绑定数据加标签想要在树形控件的树节点加上图片或者element-ui的图标，可以在树形表格绑定数据中加上标签iconchildren
·2021-11-23 16:47

element-UI el-tree 懒加载时，设定某个节点为末端（isLeaf）节点，不展示小三角图标

官网没有这个说法，我自己理解的意思）2:给末端节点的节点数据中设置isLeaf=true;(lll￢ω￢)|('口')━━∑(￣□￣|||━━(￣△￣；)(°ー°〃)废话很多版：项目生产中，我们常使用element-UI
·2021-11-18 16:06

md-loader

简单的说就是“自定义结构”，像element-ui中对代码的描述为，中间的YOU_CODE可以放简单的vue组件代码。这种结构通常都需要单独的提取方式，而提起
·2021-11-16 11:32

vue3 Element-UI封装实现TreeSelect 支持搜索功能

前些天实现了一个树结构的下拉组件，可最近又让我支持下拉搜索功能，查了一圈没有找到合适的，只好今天自己写了一下，凑合能用吧，支持搜索功能了最起码，可有些参数还是要配置的```import{defineComponent,watch,onMounted,ref,computed}from"vue";exportdefaultdefineComponent({props:{popoverWidth:{t
伯约同学·2021-11-11 23:19

三、webpack优化之第三方库使用 CDN 加载(vue)

本文主要介绍对第三方库（如echarts、element-ui等）的打包优化。采用cdn加载需要联网。
YiYaYiYaHei·2021-11-11 16:47

Element-ul的 el-image-viewer组件实现点击或者js触发能预览大图功能

1、导入组件//导入组件importElImageViewerfrom"element-ui/packages/image/src/image-viewer";2.注册组件components:{ElImageViewer
·2021-11-10 14:30

解析element-ui中upload组件传递文件及其他参数的问题

最近项目用到了vuethink，里面集成了element-ui，之前一直用的是bootstrap框架，对js也是一知半解，然后也用过vue.js，但也是学的不通透的，然后就各种入坑。
·2021-11-09 16:39

vue使用Element el-upload 组件踩坑记

目录一、基本使用二、图片数量控制三、图片格式限制/可以选中多张图片补充：在vue项目中使用element-ui的Upload上传组件一、基本使用最近研究了一下el-upload组件踩了一些小坑写起来大家学习一下很经常的一件事情经常会去直接拷贝
·2021-11-09 13:20

VUE路由跳转记住滚动位置，返回时回到上次滚动位置

vue-router文档截图如下：本样例使用element-ui下的el-table表格组件，原生或其他UI组件思路同理。router.
·2021-11-05 16:29

element-ui 日期范围选择控件，pickerOptions 限制选择日期范围

pickerOptions不支持选择大于等于当前日期，不支持选择超过一个月（31天）的日期范围disabledDate:data=>{if(this.pickerMinDate){letdayGap=31*24*60*60*1000letmaxDate=this.pickerMinDate+dayGapletminDate=this.pickerMinDate-dayGap;if(maxDate>
hui树·2021-11-05 11:20

解决element-ui的el-select组件文字超过宽度时不出现横向滚动条问题

1.出现横向滚动条给select加个下拉框的类名popper-class="new-select"思路：设置下拉菜单的最大宽度，然后文字超出时，出现横向滚动条。.new-select{.el-select-dropdown{max-width:300px;left:0!important;box-shadow:0px2px4px0rgb(000/10%);}.el-select-dropdown_
小怪兽出没_86e0·2021-11-03 11:32

2021-10-29

背景：我们在工作中常常会遇到成千上万的数据，而在使用element-ui树形控件的时候，由于数据量过大，会导致页面卡顿甚至卡死的现象。
大黑豹·2021-11-03 10:02

vue3 Element-UI封装实现TreeSelect 支持搜索功能

前些天实现了一个树结构的下拉组件，可最近又让我支持下拉搜索功能，查了一圈没有找到合适的，只好今天自己写了一下，凑合能用吧，支持搜索功能了最起码，可有些参数还是要配置的import{defineComponent,watch,onMounted,ref,computed}from"vue";exportdefaultdefineComponent({props:{popoverWidth:{type
·2021-11-02 22:14

vue项目优化

vue-particlesnprogress网页加载进度条全局前置守卫NProgress.start()全局后置守卫：NProgress.done()页面loding单个页面加loading、阻止重复点击通过element-ui
闻虎之名无不闻风丧胆·2021-11-02 21:00

element-ui的el-switch 点击时,保持当前状态不变并弹窗提示

遇到问题：点击开关后,弹窗之后还未进行选择,状态已经改变了原因:数据绑定使用的是v-model解决:改成:valuehandleStatusChange(row){lettext=row.status=="0"?"停用":"启用";this.$confirm('确认要"'+text+'""'+row.userName+'"用户吗?',"警告",{confirmButtonText:"确定",can
lovelydong·2021-11-02 15:52

element-ui table表头部使用checkbox状态不回显

header中即时不使用scope，也要把插槽加上（slot-scope="scope"），否则change之后无法回显表头中checkbox的勾选状态！！！！！{{istableallsearch}}我找了一个小时BUG，真想反手给自己一巴掌/苦涩
·2021-11-02 14:41

VUE 请求api的封装

element-admin相同）*1.1在脚手架目录utils目录新建一个request.js文件importaxiosfrom'axios'import{MessageBox,Message}from'element-ui'importstorefrom
抽疯的稻草绳·2021-11-02 10:41

关于vue在PC端，对不同屏幕进行适配，未使用媒体查询（大小的自适应）的问题

常规的做法就是进行媒体查询，不过，我目前做的项目量不是很大，想采用一种新的方式进行屏幕的适配  以下是我个人在vue项目中的适配方法，亲测在使用ant-design-vue和element-ui组件库时任然有效
·2021-10-29 16:49

Element-ui Backtop组件使用正确姿势

Element-ui不用多说，用vue的基本都会用到它。但是它的官方文档却有些不严谨的地方，最近我就在弄一个返回顶部的功能的时候遇到坑了。
心尘宁静·2021-10-28 20:21

vue3 Element-UI封装实现TreeSelect 树形下拉选择组件

工作中最近用到树结构的下拉选择器，也是参考别人文档做了下简单封装，还是挺简单易用的。import{defineComponent,ref}from"vue";exportdefaultdefineComponent({name:"mySelect",props:{disabled:{type:Boolean,default:false,},options:{type:Array,default:(
·2021-10-26 22:50

element-UI中使用树组件el-tree实现左侧勾选右侧列表展示并且列表删除某一项左侧树菜单取消相应勾选

需求1、勾选的时候右侧列表会展示勾选的最终的子节点。2、点击删除列表中某一项，就会对应的取消树状菜单的勾选状态。3、支持搜索过滤。已选成员{{m.label}}data(){return{treeData:[],filterText:'',//树状菜单默认项defaultProps:{children:'children',label:'label'},appPid:0,selectedMumbe
·2021-10-26 13:08

为什么element-ui中的row-key属性要写唯一值

设置表格的数据项为树形结构必须要给表格指定row-key添加编辑删除最后的效果是这样总结：row-key必须写唯一标识，如有重复，点击后会造成页面卡死、失效的现象
·前端小李·2021-10-26 11:04

浅谈vue中插件的使用方法Vue.use(xxx),原理及实现

以ElementUI为例：1.安装npmielement-ui-S2.导入，app.use()注册importElementUIfrom'element-ui';import'element-ui/lib
短暂又灿烂的·2021-10-26 09:04

element-ui 表格中修改switch开关状态的二种方法(传值)

Swich默认是boolean类型，如果后台传值为number类型，这个时候我们想用number来取代boolean类型。效果图第一种：后台字段定义为0/1（给后台传0/1）这里有个问题需要注意：当你点击修改状态时，结果你并没有修改，你点击取消关闭时，switch的状态依旧改变了，这是因为v-model双向绑定原理，点击开关时会实时改变状态，只需要把v-model改为:value=""即可//区别
web28·2021-10-22 15:52

解决Vue 使用Element-ui table数据覆盖污染问题

今天处理了一个需求,利用Element-UI提供的表格组件的展开做数据展示,遇到了展开后的表格数据污染问题,后展开的表格的内部数据覆盖了所有其他展开的表格数据,针对该问题的解决方案,在此做了个DEMO记录
视频怪物·2021-10-21 16:08

element-ui弹出层、树型控件、日期选中（date-picker）的样式修改

一、弹出层popover的默认样式修改一、修改它的背景色：通过类名：.el-popover{background-color:#996666!important;/*!important设置权重为最高，否则会被原生的样式进行修改*/}二、树型控件的演示修改一、修改当鼠标hover上去的时候的选项背景颜色：例如：.el-tree-node__content:hover{background-colo
坦淡·2021-10-21 15:46

前端开发之组件库源码修改

比如我曾遇到过element-ui中的「树形控件」暴露出的参数没有我需要的（获取参数）；或者是「对话框」组件我需要给它的body加上上下两条border等（样式修改）；还有
·2021-10-20 10:46

Element-UI 10个奇淫技巧，你知道几个？

el-scrollbar滚动条看到这个组件是不是有点陌生，陌生就对了，因为它从来没有出现在element官网上（估计是性能问题），但好东西怎么能藏着掖着，来上效果图。是不是比原生的滚动条美观多了，使用方法也非常简单：欢迎使用el-scrollbar{{item}}.el-scrollbar{border:1pxsolid#ddd;height:200px;}.el-scrollbar::v-dee
·2021-10-18 13:59

如何一步步基于element-ui封装查询组件

目录功能基本的查询功能查询条件初始化渲染页面更多查询以及展示优化下拉组件联动查询组件扩展搜索条件展示添加功能按钮区写在最后功能接着前一篇文章基于element-ui框架封装一个更好用的表格组件，我们开始写查询组件
·2021-10-17 11:07

Element-UI 10个奇淫技巧小结

目录el-scrollbar滚动条el-upload模拟点击el-select下拉框选项过长el-input首尾不能为空格el-inputtype=number输入中文，焦点上移el-inputtype=number去除聚焦时的上下箭头el-form只校验表单其中一个字段el-dialog重新打开弹窗，清除表单信息el-dialog的destroy-on-close属性设置无效el-table表格
·2021-10-17 10:36

那么你是时候打开新前端的大门了————Element-UI全面详解

目录1、Element-UI简介2、Element-UI起步3、Element插件和学习建议4、Container布局容器5、Layout布局6、button按钮7、Icon图标8、input输入框9、
CharmDeer·2021-10-16 18:50

【万恶的el-table】之垂直居中问题

问题：element-ui的el-table-column（相当于原生HTML的TD标签），默认是垂直居中的，但是，当单元格内容很长或需要合并行时，表格被撑开就自动垂直居中了如果有垂直居上的需求，可以这么写
城门失火·2021-10-15 11:01

基于element-ui一步步封装查询组件

功能接着前一篇文章基于element-ui框架封装一个更好用的表格组件，我们开始写查询组件.查询组件的话,需要有什么呢?下面我画了一个粗略的原型，基本描述了查询组件需要实现的功能了。
仙凌阁·2021-10-14 17:02

element-UI组件工具中button的原生代码

实现的效果图实现代码Document/*个按钮设置样式*/button{width:98px;height:40px;margin-top:30px;border-radius:5px;border:1pxsolidrgb(219,214,214);}默认按钮成功按钮危险按钮信息按钮警告按钮//全局注册组件并创建一个component实例Vue.component('el-button',{//父
·2021-10-14 16:22

element-ui设置下拉框切换联动表单的必填和非必填，表单联想搜索功能实现

➢需求image.png1、节点类型下拉选择的时候选择1，唯一识别码为必填，需要校验和显示*选择其他的，唯一识别码不做校验，隐藏*2、输入标准名称，标准名称联想搜索上代码-->核心点在唯一识别码的form-item上，添加required属性绑定isHaveTo参数computed计算isHaveTo，根据节点类型下拉框选择的值来决定是为true还是falseisHaveTo(){returnth
爱学习的小仙女早睡早起·2021-10-14 09:32

springboot+vue+数据结构之图(旅游区导游系统)

有需要源码的小伙伴可以私聊我发给你然后，我会在b站出一期视频介绍我这个练手的小项目，你们可以关注我的b站账号：随风的叶子技术栈前端：vue,组件使用了element-ui后端：springboot,mybatis
with the wind(随风)·2021-10-12 19:58

ElementUI的简单使用方法讲解

这里我们以引入button按钮为例其实很多表单或者时间等等的组件引入方式都是一样的举一反三吧.首先yarnaddelement-ui-S让我们来安装这个包main.js全局注册element-ui这个组件
老李头的代码生活·2021-10-11 15:34

vue中element-ui组件默认css样式修改的四种方式

目录前言1.使用全局统一覆盖2.在.vue文件中修改3.修改组件的style样式4.参考element-ui官方文档的api疑问总结前言修改element-ui组件的默认样式一直是一个老生长谈的话题，在做完公司的一整个项目后
·2021-10-05 12:29
上一页 73 74 75 76 77 78 79 80 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他