##element-ui 第15页

vue2 以及 vue3 自定义组件使用 v-model使用默认值以及自定义事件

v-model使用默认值以及自定义事件1.vue2自定义组件的v-modelvue2官网，自定义组件官方解释：一个组件上的v-model默认会利用名为value的prop和名为input的事件上代码代码中使用了element-ui

你的眼睛會笑·2023-12-14 21:34

【报错栏】(vue)Module not found: Error: Can‘t resolve ‘element-ui‘ in xxx

Modulenotfound:Error:Can'tresolve'element-ui'inxxx报错原因是：未安装element-ui依赖解决：npminstallelement-ui运行

freedomSTUDENT·2023-12-14 17:33

Vue el-select无限滚动，二次封装el-select实现下拉滚动加载

但是在使用element-ui的el-select下拉菜单组件中，官方没有提供相应的方法进行多页加载。

Tencent IT·2023-12-14 17:48

Element-UI 数字类型输入框

文章目录前言定义css使用前言在element-ui中，我们可以使用el-input-number组件来定义只可数值类型，并修改组件样式，详情参考文章：修改el-input-number计数器对齐方式使用

一碗情深·2023-12-14 16:13

关于element ui部分自定义样式上线后不生效

原因:webpacke打包的时候会从上到下打包main.js文件,自定义部分样式存在router中,后面打包的element-ui默认样式会覆盖自定义样式,导致开发状态样式正常而到项目上线自定义样式不生效

clarence0817·2023-12-14 16:14

element-ui以服务方式调用loading，自定义修改icon

主要有以下步骤引入Loading服务import{Loading}from'element-ui';在需要时调用Loading.service(options);其中options参数为Loading的配置项

GGxGx·2023-12-14 16:51

Element-UI定制化Tree 树形控件

1.复制说明：复制Tree树形控件。exportdefault{data(){return{data:[{label:'一级1',children:[{label:'二级1-1',children:[{label:'三级1-1-1'}]}]},{label:'一级2',children:[{label:'二级2-1',children:[{label:'三级2-1-1'}]},{label:'二级

FOREVER-Q·2023-12-14 14:07

element的分页组件无法实时更新

element-ui的分页组件的当前页没有实时更新的问题做项目的时候有个确认收款按钮，点击后会跳到第一页，但是真实效果是数据确实是第一页的，但是组件显示的当前页码还是在之前的页码上pagination:

心大的少年·2023-12-06 19:11

element-UI之el-select的坑

element-UI之el-select的坑前言开发项目的时候发现el-select还是挺好用的，可是开发完成测试的时候，被一个他自带的bug恶心到了。

SkylerSun之就是菜·2023-12-06 17:59

基于springboot+vue房屋租赁管理系统的设计与实现

房屋信息查看，租金查看，故障申报，新闻公告查看管理员：房屋信息管理，租金管理，故障管理，新闻公告管理，用户管理2，技术框架后端框架：SpringBoot，Mybatis，lombok前端框架：vue，element-ui

说书客啊·2023-12-06 15:42

request请求封装参考重复提交导出excel

若依importaxiosfrom'axios'import{Notification,MessageBox,Message,Loading}from'element-ui'importstorefrom

qq_34114535·2023-12-06 14:25

【Vue】element组件不显示问题

使用element组件但不显示不显示的原因：（未引入element-ui）首先在控制台输入npmielement-ui进行安装安装完之后，再去main.js配置element-ui组件库importElementUIfrom'element-ui'import'element-ui

freedomSTUDENT·2023-12-06 13:35

element-UI中el-scrollbar的使用

在elment-ui中有这么一个滚动条，当鼠标over到内容部分才会显示，移开鼠标之后滚动条就会隐藏起来，相较于原生的滚动条比较美观。//将滚动条的内部的内容放在里面即可在使用过程中，如果父级高度发生改变的时候，滚动条拖动就会出现异常的情况，这个时候需要父组件的高度，当发生改变的时候，调用组件的update方法；这里主要在mounted里面对其进行监听，当然定时器也可以（详见参考）this.$ne

S_h_a_·2023-12-06 13:13

vue2.x 中全局和按需引入 element-ui 组件库？

全局引入安装依赖npminstallelement-ui-Smain.js中引入全局完整引入importElementUIfrom'element-ui';import'element-ui/lib/theme-chalk

『九离~空白』·2023-12-06 12:05

Vue学习二：安装element-ui组件库

上一章：搭建Vue环境搭建完vue环境后，安装element-ui使用其组件库，提高开发效率。

Cx_轩·2023-12-06 12:34

快速上手 Vue 和 Element-UI 组件库

哈喽~大家好，这篇来看看快速上手Vue和Element-UI组件库。

程序猿追·2023-12-06 12:02

Vue项目中安装element组件

官网：Element1.安装element-ui在项目终端输入以下代码完成element-ui的安装npmielement-ui-S常用缩写i：安装指令，全拼：install-S：生产环境，全拼：--s

_蓝胖子·2023-12-06 12:30

Vue组件库Element

用于组件优化页面1.快速入门安装ElementUi组件库（在当前项目中安装），在命令行执行[email protected]在main.js文件下引入文件importElementUIfrom'element-ui

Hey_米氏胡·2023-12-06 12:00

vue2 element-ui select下拉框选择传递多个参数

searchPostFn(e,val){console.log(e,'------'+val,'-----------row')},

老胡说前端·2023-12-06 10:25

js实现在线预览(PC)图片、pdf、excel、docx

参考1：巧用element-ui自带隐藏的图片查看器el-image-viewer浏览图片(附兼容IE骚操作)参考2：vue3中使用require导入

来福福是小可爱！·2023-12-06 05:11

在element-UI中使用自定义指令v-focus的问题

inserted:function(el){//聚焦元素console.log(el);el.focus()}})奇怪的是在组件中使用的时候没有生效，但是在自己写的input框中可以生效，打印检查之后发现是element-UI

Gambler_194b·2023-12-06 01:12

基于 vue + element-ui 表格多选禁用按钮

我在做项目时有这样一个需求：table未勾选数据时按钮是禁用状态，勾选时按钮禁用状态解除具体效果如下图：表格里的禁选状态可根据数据状态进行判断代码：通过拒绝exportdefault{data(){return{//table勾选存放用户selectIndex:[],//按钮禁选状态selected:[],//表格tableData:[{userId:1,date:'2016-05-02',nam

泋尐·2023-12-05 22:06

基于springboot+vue的点餐系统(前后端分离)

系统采用springboot+vue整合开发，前端框架主要使用了element-ui框架、数据层采用myba

猫头鹰源码(同名B站)·2023-12-05 19:00

webstorm下vue对element-ui+echart的引入使用

首先先通过npm下载安装element、echarts相关组件，这里不再做多叙述Vue引入element-ui在main.js中导入，再使用vue.use()语句调用，之后即可在组件中使用，需注意element

夜半歌声丶·2023-12-05 19:53

element-ui中使用el-tree横向滚动条不显示

1.element-ui中使用el-tree横向滚动条不显示::v-deep.el-tree-node:nth-child(2){padding:1px;overflow:visible;}或者::v-deep.el-tree-node__label{overflow-x:auto;}或者//亲测有效.el-tree>.el-tree-node{min-width:100%;display:inl

加蓓努力我先飞·2023-12-05 17:58

[ 蓝桥杯Web真题 ]-外卖给好评

在element-ui组件中，已经有相应的Rate组件，但是已有组件只能对单一维度进行评分，在外卖评分这种场景中，样式基本上是固定的，功能也基本一样。

N-A·2023-12-05 15:28

vue: 线上项目element-ui的icon偶尔乱码问题

线上环境偶尔会复现，具体：一般使用不会出现这个问题，因为一般引入的是element-ui的css文件，问题出在于为了主题色变化啊，需要用到scss变量引入了scss文件。

stubborn丶lili·2023-12-05 10:30

ant-design中获取table当前这一行的数据

因为之前用的都是element-ui库的原因，最近刚接触ant-design，目前采的一些坑会多做一些记录。

巧克力芋泥包·2023-12-05 10:21

关于 vue 2 element-ui 适配移动端

1.安装lib-flexiblenpminstalllib-flexible2.在main.js引入import'lib-flexible/flexible.js'3.安装postcss-plugin-px2remnpminstallpostcss-plugin-px2rem4.在vue.config.js文件中添加css配置（在项目根目录下，没有就新建一个vue.config.js向外modul

Write λ Code·2023-12-05 10:19

elment-ui部分ui组件在移动端也能实现自适应

javascript好久没更新了,来更新一下自己的笔记最近有移动端的项目迁移到pc端,pc端那一套用的是element-ui的后台框架,所以难免有一些样式不兼容的问题,之前很久的时候也处理过这些,但是很久没处理忘了

巧克力芋泥包·2023-12-05 10:47

element-ui组件库中el-table表头和内容居中

element-ui组件库中el-table表头和内容居中表头水平居中表格内容水平居中

余一痴·2023-12-05 08:33

Element-UI的el-table表格使用cell-style根据表格不同数据显示不同颜色

1.原表，想要根据不同状态返回不同颜色2.在el-table标签添加:cell-style=“cellStyle”3.找到该列对应的lable以及prop4.在methods中写入方法，row.row.lossStatus与prop对应，row.column.label与lable对应，返回对应颜色即可5.成功

燊歌·2023-12-05 08:30

el-table使用总结(element-UI)

1.表头以及表格所有内容居中显示给标签添加下面两句代码:header-cell-style="{'text-align':'center'}":cell-style="{'text-align':'center'}"//表头样式设置2.部分列的内容居中显示el-table-column中添加属性align取值center{{scope.row.valid?'是':'否'}}3.表格数据是true/

qq_39113110·2023-12-05 07:58

element-ui的el-table和el-form嵌套使用表单校验的用法及可能出错的情况及解决方法

el-form套el-table并校验element-ui的el-table和el-form嵌套使用表单校验element-ui动态删除表单项后导致表单验证报错"pleasetransferavalidproppathtoformitem

咩有猫腻.·2023-12-05 07:56

element-ui 表单验证同表单一个值不能小于另一个输入值

效果截图图片.pnghtml代码data部分data(){constnumberRule=(rule,value,callback)=>{if(Number(value)>=this.voucherForm.writeoffAmount){if(Number.isInteger(Number(value))&&Number(value)>0){callback()}else{callback(ne

锋叔·2023-12-05 06:52

Element-ui组件，复制Drawer 抽屉里面的内容，鼠标光标不小心移到遮罩层后，鼠标释放抽屉以及遮罩层被关闭的解决方法

element-ui组件，Drawer抽屉中复制里面的内容，或者鼠标光标全选里面的内容，鼠标光标不小心移到遮罩层后，鼠标释放抽屉以及遮罩层被关闭的解决方法1.首先在el-drawer中定义两个监听的方法为

努力的小码农-·2023-12-05 00:22

按需引入vant组件库

vant-ui组件库是有赞团队开发维护的ui组件库，是现阶段常用的组件库之一，涵盖前端页面需要的大多数常用组件，相对好用，虽然我也只是用过element-ui和vant-ui而已我学习vue移动端app

cd肖凌·2023-12-04 18:28

element-ui小白离线测试组件怎么引入js和css

学习目标：element-ui离线css，js文件的使用学习内容：css,js的引入学习产出：在浏览器种直接访问路径，把路径访问结果复制全部，保存到本地并以.js或.css位文件后缀名保存完后放到目录中引入

每天学习一点点的躺平程序员·2023-12-04 15:24

统信UOS和vue.js的一个兼容问题

然后参考了一篇文章：Element-ui中Table表格无法显示如何解决，

clever101·2023-12-04 12:55

修改element-ui默认样式样式

el-form-itemclass="demo">.demo{.el-form-item__label{//重新定义的CSS属性}}或者el-form-itemclass="demo">.demo/deep/.el-form-item__label{//重新定义的CSS属性}去掉scoped，因为scoped会把样式局限在当前页面el-form-item__label之前要加demo父类，否则该样

看五年前自己的文章真是唏嘘不已·2023-12-04 11:18

前端基础（CSS）——css介绍 & 常用样式 & 案例—进化到Bootstrap——进化到Element-UI

Perley620·2023-12-04 09:07

FormMaking --基于 [vue]实现的表单设计器，可以让表单开发简单而高效。

(image-424ab4-1585899765538)]关于FormMarking调研基本情况基于vue和element-ui实现的表单设计器，使用了最新的前端技术栈，内置了i18n国际化解决方案，可以让表单开发简单而高效

pinia·2023-12-04 07:32

【web前端】element-ui框架在线上环境偶尔出现iconfont图标乱码的问题，解决办法

使用element-UI的项目，打包部署以后，偶尔会出现iconfont显示乱码iconfont显示为乱码但是刷新以后就变成正常了。

林哥学前端·2023-12-04 06:07

前端小记--2.element-ui中级联选择器cascader如何默认展开下拉框

由于下拉框选择内容是树状结构，这里使用了element-ui中级联组件cascader，设置单选模式即可。但是在官方的文档中没找到默认展开下拉框的api，折腾了一番，只能去看下源码了。

戴花环的蜗牛·2023-12-04 04:10

element-ui table列设置fixed后做动态表格出现表格错乱

解决前解决后在el-table中添加如下代码:key="index+Math.random()"

妖心changeless·2023-12-04 03:52

解决 Element-UI 动态生成多个radio单选框时数据绑定失效问题

开发需求制作调查问卷，问题为单选题。因此答案的数据绑定需要动态处理。...

acgCode·2023-12-04 00:41

vue 全局封装文件下载及导入

在utils创建一个名为download.js的文件import{Message}from'element-ui'//接收多个参数：res（响应数据）、name（文件名）、fileType（文件类型）、

皮卡穆·2023-12-03 23:09

element-ui上传组件添加图片压缩功能

1、compress.js/***图片压缩，默认同比例压缩*@paramfileObj*图片对象*回调函数有一个参数，base64的字符串数据*@parammaxSize*对多大的图片进行压缩file.size*@parampicQuality*压缩图片的质量0~1*@returns{Promise}*/exportfunctioncompress(fileObj,maxSize,picQuali

liuxingxing·2023-12-03 19:35

【Element-ui】InputNumber 计数器与Select 选择器

提示：文章写完后，目录可以自动生成，如何生成可参考右边的帮助文档文章目录前言一、InputNumber计数器1.1基础用法：1.2禁用状态1.3步数1.4严格步数1.5精度1.6尺寸1.7按钮位置1.8Events1.9Methods二、Select选择器2.1基础用法2.2有禁用选项2.3禁用状态2.4可清空单选2.5基础多选2.6分组2.7创建条目2.8SelectEvents2.8Selec

人才程序员·2023-12-03 14:02

【Element-ui】Layout与Container组件

提示：文章写完后，目录可以自动生成，如何生成可参考右边的帮助文档文章目录前言一、Layout布局1.1基础布局1.2分栏间隔1.3混合布局1.4分栏偏移1.5对齐方式1.6响应式布局1.7el-col中的push和pull二、Container布局容器2.1Container是干什么的？2.2ContainerAttributes2.3HeaderAttributes2.4AsideAttribu

人才程序员·2023-12-03 14:59

推荐频道

##element-ui