##element-ui

element-ui —— 使用的popup问题

实现覆盖功能需要保证新的弹出框的z-index要比旧的弹出框的z-index值相等或着更高，为达到这个目的element为所有的弹出框(所有下拉框、提示框、Dialog对话框等等)直接或间接的使用到一个js组件element-ui
一名有马甲线的程序媛·2021-07-17 16:20

基于element-ui二次封装后的组件如何在storybook中展示

搜索了一下网上关于如何在storybook中引入基于element-ui二次封装后的组件的资料几乎没用或者比较老旧，而且storybook初看文档有点不太友好，自己硬着头皮按照文档测试了一遍自己之前写的
该帐号已被查封_才怪·2021-07-14 11:17

vue项目给引用文件配置别名alias

项目中对element-ui源码做了修改，重新发布了npm并安装，运行后报错微信截图_20210713194446.png由于源码引入的路径使用的还是element-ui，导致找不到文件，需要在编译时进行转换
LongfeiSong·2021-07-13 19:53

el-table

fixed错位问题image.pngfixed之前的el-table-column加个宽度就解决了，width或者min-width都可以查找element-ui中el-table组件的行数rowClassName
丿Sorry丶·2021-07-13 09:55

element-ui 解决 el-input 只能输入整数和浮点数的问题

只能输入整数可以输入整数和浮点数0){value=value.slice(0,value.indexOf('.')+3)}"maxLength='9'/>挖坑------------------------当对el-input使用这种只能输入数字的限制时,输入法输入文字后会导致双向绑定失效解决办法1.在input中使用@blur='blur'2.在methods中手动去绑blur(e){this.
日出江花竞风流·2021-07-10 17:53

element中el-select、el-radio-group、el-checkbox-group所显示的值不正确？不是默认值？

element-UI的el-select组件里，当v-model绑定为对象类型，并对其设定默认值图1从后端获取数据，给select设置默认值，将会发现如下结果图2为何不是现实下拉类表中的值，原因是：el-option
柯柯的呵呵哒·2021-07-06 11:46

element-ui —— el-table的row-key

{returnrow.id}">row-key必须为唯一标识，如有重复，点击后会造成页面卡死、失效的现象如果你也经常使用element-ui可持续关注ElementUI入坑小结如果本文对你有所帮助
一名有马甲线的程序媛·2021-07-05 09:22

element-ui使用问题

一、el-form调用resetField()方法时表单项不会重置为初始值。需要为el-form-item设置prop，只有设置了该属性的表单项才会重置。二、el-tableel-table-column中添加el-input，但不能输入。需要给el-input绑定列表每行数据对象的字段隐藏多选时的全选按钮headerCellClassName:function(row){//第0列时为全选框if
想聽丿伱說衹愛我·2021-07-02 15:17

vue - element-ui -> el-tag 标签状态

禁用启用两个的简写{{scope.row.status===1?'启用':'禁用'}}多个的简写{{item.label}}jsmenuCateMap:[{label:'菜单',value:1,cssName:'success'},{label:'目录',value:2,cssName:'primary'},{label:'按钮',value:3,cssName:'danger'},{label:
徐福瑞·2021-07-02 14:09

element Select组件封装 下拉框加上滚动加载

本文是在element-ui的基础上优化的。需要操作dom元素，去监听scroll事件，然后当下拉滚动触底就执行自己需要的代码操作。引用文章:vue指令做滚动加载监听等这里我使用的是局部注册指令。
夏日望天看云·2021-06-27 20:39

多个component配置

multiple-module"plugins":[["component",{libraryName:"mint-ui",style:true,},"mint-ui"],["component",{libraryName:"element-ui
冷若霜寒·2021-06-27 11:24

在django或flask带的jinja2模版中使用vue和element-ui

1，head标签中加上：2，在需要用的地方加上id，使用[[]]包上变量，可同时使用jiaja2变量：[[name]]3，js里面构造实例vm：varvm=newVue({el:'#app',delimiters:['[[',']]'],methods:{toggleSelection(){alert("hahaha")}},data:{name:'可爱的按钮'}})//在后面的逻辑中可更改dat
老周_o_o·2021-06-27 03:40

Vue实现拖动鼠标改变DIV高度

想起element-ui的table组件，列可以通过拖动改变宽度，于是去扒源码...1.思路剖析：element-ui思路：表格-列边缘，拖出一条线（可见），线随着鼠标的拖动而移动，当鼠标放开，线消失，
Crisyhuang·2021-06-26 22:44

npm run build报错：UglifyJs Unexpected token: name

/~/element-ui/src/utils/scrollbar-width.js:3,0][sta
独享奢华·2021-06-26 16:08

Vue Element-ui 的安装使用

下载安装Element-uinpmielement-ui-S到Vuemain.js中注册importElementUIfrom'element-ui'Vue.use(ElementUI)大功告成
TurbMZ·2021-06-26 13:26

vue 优雅的axios 进行ajax请求集合element进行请求loading动画

：代码如下->//引入本地axis包importaxiosfrom"axios/index";引入ele门插件按需引入import{Loading,Message,Notification}from'element-ui
大山的那边·2021-06-26 13:42

VUE 项目在IE 360兼容模式下不加载dom也不报错 反正就是没响应，其他浏览器OK

loader:'babel-loader',include:[resolve('src'),//默认编译文件resolve('static'),//编译静态文件resolve('node_modules/element-ui
我的吉他我的狗·2021-06-26 11:07

element-ui —— Cascader 级联选择器

前言：通常地址的选择都用级联选择器，但v-model绑定的值只有地区id，因为不是一维数组，通过id去反查对应的name很麻烦，如果能在@change触发事件中就能获取到相应name就再好不过了。于是小编就去度娘查了一些解决方案，结果控制台竟然报错，后来发现是Element版本的问题，记下来分享给大家~级联地址的效果图2.7.0版本之前可以用this.$refs['cascaderAddress'
一名有马甲线的程序媛·2021-06-26 08:45

element-ui中el-tables标签表头与内容边框错位问题

在index.html或App.vue文件(必须是入口文件，才能全局起作用)的style标签中添加如下样式：body.el-tableth.gutter{display:table-cell!important;}
高阳刘·2021-06-25 23:17

message弹出框重叠优化

但是当一个项目文件中一次性请求多次时并且同时报错，多条报错的提示框不停的叠加出现在屏幕上，也很让人恼火；那么今天呢，就是针对elementuimessage提示框进行优化，如果一次性弹出多条，只取第一条显示；实现思路：element-ui
上善若水zyz601·2021-06-25 20:08

vue+avue项目环境搭建

Avue.js是基于现有的element-ui库进行的二次封装，简化一些繁琐的操作，核心理念为数据驱动视图,主要的组件库针对table表格和form表单场景，同时衍生出更多企业常用的组件，达到高复用，容易维护和扩展的框架
帆_44fc·2021-06-25 11:04

element-ui table 行和列合并

该逻辑涉及各列之间的相互依赖关系，例如：第2列的合并，是在第1列满足的基础上，在判断第二列是否满足合并条件，依次类推...html:js:exportdefault{data(){return{//模拟后台返回数据tableData:[{id:"12987122",name:"王大虎",amount1:"234",amount2:"3.2",amount3:10,},{id:"12987122",
nengzhuan_zhang·2021-06-25 09:10

[email protected]引入element-ui报错

按照官网教程在引入element-ui的时候报错QV5GFD[6UFIIWVD`1{IOZ]8.pngerror.png根据报错信息发现在vue中无法识别element-ui中的.ttf和.woff后缀的文件
cshooting·2021-06-25 07:20

element-ui table表格多行合并

前提条件：要求数据源必须是有序的（如按id分类，即id相同的要挨在一起，不能乱排。）然后，首先对数据源进行一次遍历，计算每个id相同的有几项，然后做个标识watch:{list:{//监听list数据handler(val,oldVal){letlist=this.list;//数据源letindex={};for(letitemoflist){lettoken=item.ID;//标识字段//没
初秋夏末·2021-06-25 04:18

Vue使用xlsx读取文件

一、安装xlsxnpmixlsx二、使用xlsx1、使用element-ui编写一个上传页面上传文件asynconChange(file){letdataBinary=awaitreadFile(file.raw
情话小句·2021-06-24 22:11

element-ui 输入框number验证

在验证过程中发现输入框加了验证type='number'一直报错，原因在于输入框中的值转成了字符串格式，解决方式为在结构中的v-model需要加上.number，就会将值转为数值类型。代码如下exportdefault{data(){return{userAdd:{jobnumber:''},rules:{jobNumber:[{required:true,message:'请输入工号',trig
saintkl·2021-06-24 21:45

el-table点击单元格自动聚焦可编辑，且失去焦点即修改成功的实现方法

前言最近做的一个表格，有改某个单元格的需求，经过研究完美实现此功能，以下简要介绍下实现过程:所用前端工具element-ui官方文档vue官方文档效果图效果图.gif实现过程{{scope.row.name
聪明的傻瓜子_·2021-06-24 19:23

换肤方案二: vue2.0官方实现

elementui2.0版本之后是基于scss实现的,所有到颜色都是通过变量进行定义,所以我们可以通过修改变量来达到动态换肤的目的.代码:1.换肤组件:ThemePickerconstversion=require('element-ui
会飞的大象·2021-06-24 10:21

el-drawer在火狐浏览器里的滚动条不可滚动的问题

是element-ui里的抽屉组件里使用element的滚动条不可滚动,产生的bug,火狐浏览器独有在.el-drawer__body里添加属性overflow:hidden;就可以解决.el-drawer
残_忆·2021-06-24 09:04

element-ui upload组件

前言最近在用vue开发一个后台管理系统，搭配着Element-UI一起使用。
frankgo81·2021-06-23 20:14

关于vue-cli脚手架打包后获取本地大图片或大文件报404的解决办法

是这样的，这个项目用vue-cli脚手架构建的项目，使用了element-ui中的字体图标，打包之后出现element-icons.ttf报404的错误。
xiaojianghu·2021-06-23 14:33

vue/cli@4 ,引入element-ui 的步骤及踩坑记录-按需引入

1.main.js中这样写，其他组件用啥，main中引入啥import{Message,Button}from'element-ui'Vue.use(Message)Vue.use(Button)Vue.prototype
冰冰Kang·2021-06-23 11:33

element-ui el-tree 权限列表 父子节点全选节点新增子级也被选中、非全选得不到父节点id的bug修复

问题描述：在写后台管理是遇到用el-tree展示权限列表的情况，给角色分配权限时，选择了某一项目前全有的权限，如图：image.png但是如果之后我再新增一个子权限这个子权限也会被默认选中，如图：首先新增一个但是我并没有去给任何角色分配此权限image.png但是：！！whatthef**k??image.png产生原因：当我们在全部选中某一项权限时权限的父级id也会被加入到我们已选择的权限中当我
rabbit_Judy·2021-06-23 08:05

element-ui的table表格控件表头与内容列不对齐问题的解决方法

1，将以下样式代码添加到index.html、或app.vue中（必须是入口文件，起全局作用！）body.el-tableth.gutter{display:table-cell!important;}2，在全局样式表中添加样式.el-tableth{display:table-cell!important;}作者：前端小白图链接：https://juejin.im/post/5d3a54016f
d_Coder·2021-06-22 20:29

element-ui table下方出现滚动条的情况

在使用element-uitable组件时，浏览器中出现了两条横向的滚动条，一条是浏览的自己的，一条是table的。table出现滚动条的原因是父元素的宽度不够，所以只要给父元素足够的宽度table的滚动条就会消失。这种情况一般会出现在小屏幕上。
赵任QAQ·2021-06-22 05:10

简单的整合阿里云OSS对象存储上传图片的功能

1.案例演示(1).制作一个简单的表单，点击上传（2).oss管理控制台会存储当前照片信息(3).跳转页面会显示图片2.设计步骤首先先简单的设计两个数据库来存储表单信息设计前台页面，这里我主要使element-ui
自学java的菜鸟小赵·2021-06-21 22:28

关于element-ui的tree组件使用与修改

element-ui目前基本成为前端pc网页端标准ui框架，但是目前element-ui研发团队已经停止element-ui的更新，但是在业务需求在不断更新，逻辑不断加强，页面不断优化中，element-ui
蒋超_0920·2021-06-21 16:10

vue-cli和element-ui的使用

1、安装插件package.json文件位置运行命令vueaddelement选择按需加载中文即可。2、安装完毕以后，代码目录如下在element.js中看到如下代码，表示的就是按需引入，需要什么组件，就引入什么组件，现在只引入了一个按钮组件，注意两点引入的组件名字都是第一个字母大写，use的时候需要单独用一行。用的时候用中间用'-'线的，在这里用的字母大写的方式，因为html中不识别字母的大小写
咸鱼不闲001·2021-06-21 10:29

使用element-ui中的table表格多行合并

这个东西，用的element-ui，难点在于动态地计算每一行的数据，应该合并的行数和列数。前提条件：要求数据源必须是有序的（或者说，分组的。如按id分类，即id相同的要挨在一起，不能乱排。）
victoriasuli·2021-06-21 08:15

修改element-ui主题颜色

1.下载sass-loader,[email protected]//默认下载目前最新版本为8.0.0.版本过高不兼容，使用会报错npmrebuildnode-sass2.新建一个样式文件如：element-variables.scss/*改变主题色变量*/$--color-primary:teal;/*改变icon字体路径变量，必需*/$--font-pat
帆_44fc·2021-06-21 04:40

13、分享-文件上传

目标自动上传手动上传文件个数限制（如果个数超过时，给用户一个提示）文件与基本信息关联时，带普通参数文件上传，携带form表单信息自动上传参考element-ui拖拽上传将文件拖到此处，或点击上传只能上传
wqjcarnation·2021-06-20 20:42

使用element-ui二次封装table组件（支持合并单元格，展开行，单选，多选等）

使用vue+elementui封装table。组件中提供了含有分页的表格，支持filter，支持render，支持按钮列（按钮可自定义不展示条件），展开行，合并单元格，支持点击行自定义事件，支持单元格内容超出宽度自动显示...。使用的方式有两种：①使用slot插槽自定义表格内容②使用data和prop将表格内容传递到表格组件下面给出合并单元格的代码，完整代码见：传送门//初始化需要合并的单元格in
六时未至·2021-06-20 11:45

element-ui el-date-picker 限制范围

pickerOptions:{onPick:({maxDate,minDate})=>{this.pickerMinDate=minDate.getTime()if(maxDate){this.pickerMinDate=''}},disabledDate:time=>{if(this.pickerMinDate!==''){constday10=9*24*3600*1000letmaxTime=
P2YH·2021-06-20 05:53

element-ui自定义表单验证

有些需要自定义的校验规则可以作为变量写在data中：data(){letreg=/(?!^(\d+|[a-zA-Z]+|[~!@#$%^&*?]+)$)^[\w~!@#$%^&*?]{6,12}$/varvalidateNewPwd=(rule,value,callback)=>{if(!reg.test(value)){callback(newError('密码应是6-12位数字、字母或字符！'
青争小台·2021-06-20 03:33

关于如何在JSP文件中使用element-ui组件

在.jsp文件中，按照element-ui给的代码，写入jsp文件，网页没有变化效果示例代码：https://element.eleme.cn/#/zh-CN/component/form#app{width
Willi_Lau·2021-06-19 15:02

2019-08-16 vue的axios的拦截器，响应器（api的集中处理。统一处理入参和出参）

下面为全部代码axios.jsimportaxiosfrom'axios'import{Message,MessageBox}from'element-ui'letservie=axios.cr
冬天的_太阳·2021-06-19 12:22

axios拦截器配合element ui实现页面的全局数据加载loading动画

首先，在main.js中引入axios以及Loading(此外，我使用了element的按需加载，可以查看我的个人教程)，如果你是完整引入的则不需要import{Loading}from'element-ui'import
辉夜真是太可爱啦·2021-06-19 06:50

前端上传图片

使用element-ui中的el-upload上传图片HTML:data(){return{uploadHeader:{token:"5a041e7fc9da52000e1c5278"}}},JS://
Timmy小石匠·2021-06-19 00:35

龙马UI lm-ui-element 公用函数方法 lm-methods、基于element-ui的表单校验方法lm-validate-methods、挂在在vue原型链上的方法 $lm

lm-ui-element快速上手——安装使用lm-methods提供部分公共函数引用示例：import{formatDate}from"lm-ui-element/lib/utils/global-methods";函数名说明参数说明返回值formatDate日期格式化，年月日接收两个参数，第一个参数为时间(date:String/Number/Date,connector)，第二个参数为日期连
东扯葫芦西扯瓜·2021-06-18 23:49

element-ui 日期选择器--禁用相关

动态禁用日期computed:{pickerOptions:function(){const_this=thisreturn{disabledDate(time){constlicenseStart=newDate(_this.addFrom.contractStartDate)licenseStart.setDate(licenseStart.getDate()+1)returntime.get
Null丶sleep·2021-06-17 15:15
上一页 75 76 77 78 79 80 81 82 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他