##element-ui 第59页

记环形进度条（静态，非动态从0变到100%，svg实现）

环形进度条可以用svg实现，Element-ui中的环形进度条就是用svg实现的svg好文链接：1、推荐！

宝妞儿·2023-03-18 10:04

vue或webpack如何使得lib包内部的component支持懒加载

lib包，内含多个vue组件，父工程通过Vue.use方式进行全局引入由于组件可能会很多很大，所以想实现这个lib包里面的组件实现懒加载初步设想的是采用动态导入(dynamicimports)实现懒加载（element-ui

GreperXiao·2023-03-18 04:07

【VUE】在element-ui里面加参数

前言今天开发遇到了一个场景：循环里面放el-upload，在上传文件时需要获取到循环的index，但是on-change自带的参数(file,fileList)也需要用到，所以不能重写函数，只能新加index原本是想根据vue文档里面的$event调用函数的原参刚开始是这么写的：然后发现报错$event未定义，看了半天才反应过来是:on-change而不是@on-change，:on-change

何小蒙·2023-03-18 03:45

基于element-ui的table实现的树级表格操作及单元格合并

如题，公司业务需求，数据结构比较复杂，需要在一张表内实现多级树状数据展示及同属性的单元格合并，并在表格内实现增删改操作。网上翻阅了很多实例，没有能解决所有需求的案例，于是自己实现了一套。时间匆忙，逻辑有优化的地方还请无偿指出！最终效果如下image图上，编码有父子层级，每个编码可包含多个交付阶段，每个交付阶段可包含多个文件，每个文件可添加不同文档项次实现总结如下一.结构调整首先跟后台确认了数据结构

Lepetitange·2023-03-18 01:42

VUE动态生成Element-UI的select不回显问题

exportdefault{data(){return{formInline:{user:'',region:''}}}}以上内容均复制自element-ui官网效果当table表格展开后，加载一个下拉框

___Jing___·2023-03-17 17:05

element-ui按需引入报错 Error: Cannot find module 'babel-preset-es2015'

问题：按element-ui官网的步骤进行按需引入npminstallbabel-plugin-component-D然后添加.babelrc文件{"presets":[["es2015",{"modules

忘了呼吸的那只猫·2023-03-17 16:56

element-ui —— table 前端缓存手动改变列宽值

用vue-cli做项目，引用elementUI组件，实现如下列表。要求记录用户手动改变的列宽，后台记录的话还要建库存储，就让前端缓存记录。前端本地存储技术在H5本地存储—sessionStorage中已经提及，这里不再多说。根据elementUItable文档我们发现可以通过header-dragend事件来获取列宽改变的一些信息实现思路在每次改变列宽的时候都记录一下当前dom所有列宽值，在再次进

一名有马甲线的程序媛·2023-03-17 11:03

关于Element-UI Table 表格指定列添加点击事件

目录Element-UITable表格指定列添加点击事件element-uitable表格错位问题问题描述解决方案Element-UITable表格指定列添加点击事件如下图所示，这是一个eleUI库中的table，一般情况下我们只能通过tableDATA来向里面填充数据来展示，而无法对其中添加点击时间等操作。这里就来记录学习一下。这是我们的一般使用方法，只能将数据进行展示。我们需要在el-tabl

·2023-03-17 01:38

Vue-使用i18n实现中英文切换功能，表单验证，组件数据等

通过淘宝镜像安装cnpminstallvue-i18n--save引入i18n目录结构在src目录下创建i18n文件夹，新增i18n.jsimportVuefrom'vue'importlocalefrom'element-ui

Renaissance_·2023-03-16 23:34

Element-ui中的表格筛选

element-ui中的表格组件有一个筛选功能:image.png实现方法就是在el-table-column上绑定上filters属性，是个数组,再去监听筛选触发的方法filter-method,这个方法会传入三个参数

超人鸭·2023-03-16 20:23

关于Element-ui的多选框，单选框无法选中的问题

单选框，多选框无法选定，我猜这个应该是Element-ui的BUG，因为Vue无法检测到数组元素的改变，所以，导致视图层没有变化，所以要加一些代码。记得在你的data里面加上check最后，加油！！！

timeGap·2023-03-16 15:46

vue项目初始化及git仓库初始化（可视化创建）

1.项目初始化1.Windows+R键输入cmd打开终端输入vueui2.创建项目选择创建项目的文件夹，点击创建输入项目名称点击下一步3.安装element-ui插件选项卡选择插件，点击右上角添加插件，

门总·2023-03-16 14:23

vue element-ui的form表单校验总结，动态校验、自定义校验（用正则校验手机号码、数字、url、中文）

写了一段时间的vue，前端用了element-ui，经常会用到from表单，总结一下form表单的校验，以及遇到过的问题。

家乡_a6ce·2023-03-16 13:02

token过期后，使用refresh_token刷新token，并且续约之前已发送的请求

import{Message}from'element-ui'importaxiosfrom'axios'importrouterfrom'@/router/index'import{base}from

暖年的咆哮·2023-03-16 08:43

element-ui封装 el-table el-pagination

components文件夹创建MyTableMyTable下index.vue方法一使用插槽的方式方法二使用render方式{{!$scopedSlots[item.prop]?row[item.prop]:""}}-->importElColumnfrom"./el-column";exportdefault{name:"MyTable",components:{ElColumn},props:

醉笙情丶浮生梦·2023-03-16 07:01

【Electron】electron-vue 借助 element-ui UI 库助力桌面应用开发

此时如果您在开发过程中自己实现一套统一主题的UI视觉效果，借助成熟的element-ui或bootstrap肯定是最好的。本文将介绍怎

fingerQin·2023-03-16 01:08

element-ui中的el-collapse分析

1.改变el-collapse的样式这里改变了el-collpase的背景颜色.el-collapse>>>.el-collapse-itembackground-color:#e9eef3!important.el-collapse-item>>>.el-collapse-item__headerbackground-color:#e9eef3!important.el-collapse-ite

gzhao01·2023-03-15 17:20

element-ui日期选择器时间差

关于使用element-ui日期选择器时，发现时间差问题，特此记录下#主要记录三个问题日期选择器选择时获取到的格式相差八小时当日期格式为–拼接时，转成时间戳会相差八小时（2023-03-09）DatePicker

黑匣子~·2023-03-15 07:03

element-Ui 问题记录(个人笔记)

在我们使用element进行开发的时候，有时会出现一些奇怪的问题，这些问题有可能是框架本身的缺陷，也有可能是我们使用不当，遂将在开发过程中遇到的问题和值得记录下来的东西，做一个集合，方便以后参考。el-time-picker组件无法选中时间:disabled="isDisabled"v-model="form.time"range-separator="至"start-placeholder="开

kevision·2023-03-15 06:44

VUE笔记7（父子组件传值，第三方组件库element-ui,第三方组件库iview,第三方组件库Vant,父子组件配合开发）

2021.12.04事件一、父子组件传值1.1.1给组件标签，添加ref属性，可以通过$refs对象获取1.2$refs返回的是一个对象，对象中包含所有带ref属性的组件2.2.1$parent获取父组件对象,（获取的组件父级对应的vue实例中的数据）2.2$root获取根组件对象，（通常以组件所在的vue实例盒子作为根组件）注意：1.上述二个$属性在模板template中使用，2.组件中的数据，

找不到·2023-03-15 05:38

vue引用element-ui、echart、axios制作简单的表格、饼图页面

效果展示表格组件中可以增删改、搜索数据，饼图为echart组件，两个组件的数据都是通过axios获取。vue文件结构Mylist组件中包含表格信息以及饼图、Myheader组件中包含添加信息功能。主要文件分别为App.vue,Myheader.vue,Mylist.vue,xzf.json,main.js.App.vue在app中使用axios获取infos表格信息，注册Myheader、Myli

你一定是学霸啦·2023-03-15 05:06

element-ui快速使用（使用element-ui做一个表格）

可以快速布局和构建页面二、快速使用官网：http://element-cn.eleme.io/#/zh-CNelement-ui的使用主要分三步：①引入脚本库；②引入css；③引入js1、引入脚本库先去官网下载element-ui

一碗谦谦粉·2023-03-15 05:04

使用element-ui 表格有一些特殊的表格

还有一种就是内容部分有合并：这种情况按照element表格得数据我们需要和后台来配合对数据来进行一个处理这里我就只放一些可能会用到得代码，其他的就不放了，防止受到干扰key：是我们在处理表头的时候需要用到，如果表头是根据后台得数据来动态生成的，那我们在生成之后防止表格样式出现错乱或者不是我们静态放置得样子的时候就需要放key,具体用法就是data当中定义一个变量(resetTableHeader)

小皮皮不皮·2023-03-15 04:03

Element-UI实现复杂table表格结构

Element-UI组件el-table用于展示多条结构类似的数据，可对数据进行排序、筛选、对比或其他自定义操作。

觉醒法师·2023-03-15 04:42

解决elemnt-ui安装后运行报错的问题

新建了Vue2.x项目并引入element-ui后执行npmrundev发现编译报错找不到依赖：Thisdependencywasnotfound:element-ui/lib/theme-default

易冷zzz·2023-03-14 18:46

/node_modules/element-ui/lib/theme-chalk/fonts/el...

这个错误是webpack缺少了一个配置才会报的，所以直接配置就行：//这个样配置打包的时候可以看到文件名是hash码{test:/\.(eot|svg|ttf|woff|woff2)(\?\S*)?$/,loader:'file-loader'//可以配置这个就可以正常看到文件名了options:{name:'[name].[ext]',}}

JMet·2023-03-14 06:51

js实现浏览器的打印功能——路径打印

或多或少在前端页面开发的过程中会遇到一些网页需要这样的功能——打印页面，没错，就是页面打印，那个window.print的功能，但是怎么才能写一个又好用又不会有太多问题和性能的打印用能的，那个他来了（引用了element-ui

站在大神的肩膀上看世界·2023-03-14 03:15

axios封装

axios封装importaxiosfrom'axios';//引入axiosimportQSfrom'qs';//引入qs模块，用来序列化post类型的数据import{Message}from'element-ui

Cherry9507·2023-03-14 00:18

Nuxt.js项目开发过程遇到的问题以及对Nuxt.js的学习与总结

在nuxtjs项目中使用element-ui出现的问题在nuxtjs项目中使用axios出现的问题最后想说前言整个

黛琳ghz·2023-03-13 23:33

服务器对大前端扫盲 Vue.js + element-ui

我之前写前端的时候就三个技术(html、js、css)，现在的前端技术一般使用vue.js+element-ui,一个后端程序员感觉再看现在的前端完全看不懂，js语法也不认识了，css语法也不认识了，html中也出现了不认识的标签。为了弄懂现在的前端是怎么玩的就研究了一下，本文是一个后端服务器码农对现在的大前端技术的扫盲，因不是专业前端，不保证所写的都是正确的，如有错误请指出。一：Vue.js技术

thekings·2023-03-13 19:33

vue-element Form表单验证（表单验证没错却一直提示错误）

在使用element-UI的表单时，发生一个验证错误，例如已输入值但求验证纠错：代码如下所示：rules:{correctorEmail:[{required:true,message:'请输入联系人邮箱地址

饥人谷_Leonardo·2023-03-13 15:35

element-ui按需引入及自定义主题

按需引入element-ui安装后提供两种引入方式，全局引入以及按需引入，整个element-ui大概有1M左右，如果我们只需要几个组件(例如button)，这个时候全局引入就有些不合适了配置.babelrc

时修七年·2023-03-13 14:19

不试着自己封装一个element-UI吗？vue3+ts+tsx+vite封装一个树ui组件（element-ui，ant等相同效果）

树形结构相信大家在日常生活中都见过，它的特点是一层一层嵌套，比如文件系统。以下是vite的源码目录结构（部分）：/vite├──docs├──packages|└──vite|├──CHANGELOG.md|├──LICENSE.md|├──README.md|├──api-extractor.json|├──bin||├──openChrome.applescript||└──vite.js|├

Shaka@·2023-03-13 11:08

使用vue与element组件

1、安装elementnpmielement-ui-S2、引入在main.js写入一下内容importVuefrom'vue';importElementUIfrom'element-ui';import'element-ui

weixin_33912445·2023-03-13 11:36

VUE面试，组件通讯

这种写法在对一些组件进行二次封装时非常有用，比如，对element-ui的

秃头二表哥·2023-03-13 11:05

vue中element-ui表格组件el-table封装，在table表格中插入图片

这次写的项目是写后台管理系统这部分，对于后台管理使用vue写，用组件的话，table组件用得次数比较多，可以封装一个table组件。1.如封装的table组件：{{item2.name}}{{scope.row[item.prop]}}exportdefault{name:"UserTableCenter",props:{tableData:{type:Array,default:()=>[],}

山上有晚星·2023-03-13 10:13

vue vue-router vuex element-ui axios的学习笔记（十五）商品页面写一下样式

product.vue搜索import{SearchProductList}from'../../api/api'exportdefault{data(){return{searchName:'',isactive:false,loading:false,productclass:[{class:'all',name:'全部商品'},{class:'pomegranate',name:'石榴'},

思吾谓何思·2023-03-13 07:48

element-ui 分页修改current-page后，视图上还是没改变

方法一1.将官网上的分页current-page="currentPage4"改成:current-page.sync="currentPage4"2.搜索时this.currentPage4=1方法二data里面初始化paginationShow为truesearch(){this.paginationShow=falsethis.handleCurrentChange(1)this.$next

龙猫小哥·2023-03-13 05:38

element-ui 多选下拉框分组选择互斥

在开发的时候可能会遇到这样的需求：一个多选的下拉框里有很多分组，因为业务需求导致分组之内的选项可以多选，而一旦选中不同分组的选项，就需要清除之前其他分组的选中值。如下：演示思路在vue.watch中监听，然后比较新值和旧值，找到新选中的值如果没有新选中的值（取消选中了某个值），就什么都不做找到新选中值所在的分组和当前的所有选中值比较，去除所有不在新值所在分组中的选项和当前的所有选中值比较，如果数量

HoPGoldy·2023-03-13 03:52

element-ui中的el-menu选中项高亮:default-active属性不生效解决方法

"element-ui":"^2.13.2",//layout整体结构//layout.vue//第一种通过ref动态改变activeIndex值exportdefault{data(){return{

Yupipi_710f·2023-03-12 19:01

element-UI checkbox

数据结构：dateList:[{id:'1',checkAll:false,//全选v-modelcheckedCities:[],//多选的值isIndeterminate:false},{id:'2',checkAll:false,checkedCities:[],isIndeterminate:false},{id:'3',checkAll:false,checkedCities:[],is

苏苡·2023-03-12 17:08

vue+file-saver+jszip实现批量导出图片

file-savernpmifile-savernpmijszip2、封装common.jsimportJSZipfrom'jszip'importFileSaverfrom"file-saver";import{Message}from'element-ui'exportfunctionfilesToRar

Yupipi_710f·2023-03-12 15:53

基于element-ui的el-table进行二次封装——通过配置生成el-table

麻烦点在使用element-ui的el-table组件时，需要手工写入大量el-table-column，费时费力；在需要用到Scopedslot时，需要创建el-table-column，并在其中加入

videring·2023-03-12 13:43

TypeError: Cannot read property 'getNodeByValue' of undefined

报错:TypeError:Cannotreadproperty'getNodeByValue'ofundefined今天写vue布局遇到一个这么个错误,起因是因为我要写一个复选框,当时使用的是element-ui

远方_1d2a·2023-03-12 08:07

解决vue使用element-ui时，报xxx/element-ui/lib/theme-chalk/fonts/element-icons.ttf的问题

之前的项目的登录界面改用element-ui实现时，却发现报了如下错误报错内容如下.

CoderZb·2023-03-12 07:34

【Vue】基于$attrs和$listeners封装高级组件

之前在做vue组件扩展的时候，遇到过一些xx的事情，比如基于element-ui的el-table进行组件扩展，支持render/slot双渲染模式，支持分页等。

我的名字违规了·2023-03-12 04:34

vue和element-ui使用心得

近期由于项目需要开发前端+后端全局引入UI并全局配置消息importVuefrom'vue'importElementfrom'element-ui'//将Vue.use(Message)改为Vue.component

Crassus·2023-03-11 18:31

element-ui中table expand展开行控制显示隐藏，隐藏小箭头列的方法和点击详情展开

效果：1、不点击小箭头，点击其他列中的某个按钮展开行内容。-通过toggleRowExpansion方法展开合闭expand2、隐藏小箭头列（既然我们点击表格其他单元格展开行内容了，一般就不需要小箭头列了）-设置width="1"效果.png详情exportdefault{data(){return{list:[]};},methods:{//点击操作详情出现折叠内容tableDatial(row

哒哒哒哒da·2023-03-11 15:34

VUE页面分模块加载组件

import{Select,Option}from'element-ui';exportdefault{name:'error',components:{'ss-pagination':pagination

A阿姗·2023-03-11 14:38

自定义element-ui主题

自定义element主题颜色：主要参考这个文章https://blog.csdn.net/qq_35859392/article/details/87488389。一、创建项目并安装element创建项目略，安装element略，上官网查看怎样安装配置。二、安装主题工具npmielement-theme-g三、安装chalk主题，可以从npm安装或者从GitHub拉取最新代码从npmnpmiele

Lo阿飞ve·2023-03-11 11:57

推荐频道

##element-ui