##element-ui

使用element-ui的checkbox插件报错vue.runtime.esm.js?2b0e:1888 TypeError: Cannot read property 'length' of un

1.完整报错信息2.解决在使用el-checkbox-group组件的时候，一定要为其指定一个数组来存放多选框组的值，不然就会报这个错。
食人绅士汉尼拔·2020-08-23 04:37

element-ui 无法对绑定表单的对象中的对象属性进行验证

如果是直接绑定属性，是可以的，但是绑定对象中的属性就需要特别处理，需要在rules中添加双引号""data:function(){return{form:{id:"",name:"",code:"",config:"",designer:{id:""}},types:[],diyResourceImgs:[],designers:[],formLabelWidth:"100px",uploadin
奇衡三✎·2020-08-23 04:12

Vue基础

目前使用axios):ajax请求vue-router:路由vuex:状态管理vue-lazyload:图片懒加载vue-scroller:页面滑动开关mint-ui:基于vue的UI组件库(移动端)element-ui
左边有只汪·2020-08-23 03:30

vue按钮的确定事件

2.自己通过window.event.keyCode添加这两种方法各有优缺点，下面仔细分析一下1.使用vue提供的keyup方法，如果是原生的input，使用@keyup.enter就可以，若是使用了element-ui
weixin_34375251·2020-08-23 03:30

vue+koa基础环境搭建(带源码)

前端:vue-startervuevue-router:路由处理element-ui:ui库vuex:状态管理js-md5:登录时密码MD5加密axios：发送http请求后端:koa-starterkoakoa-bodyparser
Selenium.·2020-08-23 02:03

Vue的动态属性

当我在学element-ui的layout布局时816这里的span为什么要动态绑定而不是直接span，可以看到:span=’8’传递的是一个number，而span:’8’传递的是String
zzh1918·2020-08-23 02:48

vue项目中使用element-ui实现excel表格上传

查看更多资源1.案例简介：vue-cli搭建前端项目，并使用element-ui实现本地excel表格上传。(1)限制上传文件只能是xls、xlsx格式；(2)限制上传文件大小不能超过2MB!
Mr.XiaoYang·2020-08-23 02:10

element-ui 使用 Select 组件给 value 属性绑定对象类型

问题描述：当value属性绑定的是对象类型时，回显数据是，下拉框选项都是高亮选择样式，同时切换选项时，绑定的v-model视图没有对应改变。1.value绑定的是对象时，在el-select添加value-key="id"属性，el-option中添加:key="item.id"属性，其绑定的id必须具有唯一性。2.value-key的值与key绑定的属性值对应。我们如何强制更新视图呢？下拉选择中
qq_36437172·2020-08-23 02:06

在nuxt.js中使用scss

安装npminode-sasssass-loaderscss-loader--save-dev在nuxt.config.js中配置(需要全局使用的scss)module.exports={css:['element-ui
Razas·2020-08-23 02:19

NUXT 踩坑 —— 封装 Axios 请求拦截

cookie-universal-nuxt',"@nuxtjs/axios",]//添加插件引用plugins:['@/plugins/axios',]2、新增plugins/axios.jsimport{Message}from"element-ui
张兴华(MarsXH.Chang)·2020-08-23 02:24

Element-ui table 行高更改

用了官方的row-style方法，没有反应，然后调试一下发现可以设置td的padding调节行高方法如下：1.给el-table设置一个class名2.修改这个class名下的td的padding值（默认是padding：12px0）表头th也可以如此设置这是目前我觉得最简单快捷的方法，如有更好的或者官方方法欢迎留言~~
Iris122_·2020-08-23 01:37

element-ui：表单根据条件验证是否必填项

image.pngimage.pnghtml
Z_D_殿峰·2020-08-23 01:10

ElementUI 如何全局配置组件默认属性

修改element.js引用代码，在引用组件前修改默认属性：importVuefrom'vue'importElementfrom'element-ui'import'element-ui/lib/theme-chalk
chongyingdi7115·2020-08-23 01:09

Vue Excel文件的下载和上传（formData）

HTML代码，其中引用了Element-UI的button表格下载表格导入导入方法：//导入importFile(e){let_this=this;//声明一个FormDate对象letformData
Tessa_zzl·2020-08-23 01:37

element-ui 使用el-table 时限制长度超出隐藏解决方案

{{scope.row.remark}}{{scope.row.remark!=null?：scope.row.remark.substr(0,20)+"..."+''}}
提酒斩桃花·2020-08-22 20:54

element-ui el-select组件如何给默认值

如下代码对status设置默认值，在script的data中直接定义复值就行data(){return{searchForm:{status：2}}},这样就行了
zhangxianshena·2020-08-22 20:55

element-ui el-cascader 动态加载省市区 三级联动

参考文章地址：http://raboninco.com/1OFB3exportdefault{name:'MyProvinces',props:{arrOptions:{//回显数组type:Array,default:()=>{return[];}},type:{//1获取国内省市区2获取目的国省市区type:Number,default:1},size:{type:String,default
carlos.chang·2020-08-22 20:10

element-ui Cascader级联选择框 回显问题

element的Cascader，好用是好用。但是，对于后台接口只保存了选中那一项的数据来说，回显来说是个问题。问题级联框回显解決解决回显问题，首先要了解回显的要求，api并没有对value格式有要求，但是我一般用数组盛放，所以我的格式是：[1,2,3,4]，这种，选择完成后是每一级选择的value，但是要保存的不一定是全部，可能只是数组最后一位，比如省市级这种，可能最后只要市级就足够。所以接口返
语默大帅锅·2020-08-22 20:04

element-ui实现表格分页和搜索功能

2.将搜索内容分页展示出来，以下页面是含关键字“子”时展示的数据3.当搜索框为空时展示全部数据二.具体的实现1.物资列表分页显示是使用了element-ui中el-table和el-pagination
ysfscdn·2020-08-22 20:58

element-ui 二级联动 选择器 无法选择 或者 显示错误 异常

刚开始的配制如下：firstChange(value){this.courseInfo.subjectId=''for(leti=0;i
yssa1125001·2020-08-22 20:28

element-ui el-cascader根据当前id获取完整路径

已知子元素id,怎么获取它所有的父元素？用递归来实现/***查找匹配的完整路径*id:匹配的值*data:匹配的数组数据*prop:匹配的字段名*/getFathersById(id,data,prop){vararrRes=[]constrev=(data,nodeId)=>{for(vari=0,length=data.length;i
世界，太精彩·2020-08-22 20:18

element-ui table 表格组件实现可拖拽效果（行、列）

效果如下：1、首先，需要执行npminstallsortablejs--save-dev安装sortable.js2、在页面内引入{{dropCol}}{{tableData}}importSortablefrom'sortablejs'exportdefault{data(){return{col:[{label:'日期',prop:'date'},{label:'姓名',prop:'name'
Eliano·2020-08-22 20:10

如何修改element-ui默认样式

如何修改element-ui默认样式查找要修改元素的类名class查找要修改元素的类名classF12打开网页元素审查，根据元素高亮提示找到要修改的元素（这里面我们以折叠面板为例为例）：左上是我们选中的元素
whicce·2020-08-22 19:31

vxe-table使用（第一节）

vxe-table一个全功能的Vue表格，满足绝大部分对Table的一切需求，与任意组件库完美兼容因为公司项目需求,需要跟大数据还有表格汇总打交道，刚开始用的是组件element-ui，随着项目需求的增加
who_become_gods·2020-08-22 19:00

vue element-ui表格行拖拽

但element-ui的表格，里面嵌套了很多div，如果用vuedraggable这个就无法达到其效果了。基于此，我参考vuedraggable，写了一个专门针对element-ui表格的拖拽封装。
三丨·2020-08-22 19:59

新版element-ui级联选择器高度溢出问题

做项目遇到的坑解决办法:在全局css样式里面加以下代码.el-cascader-menu{height:300px;}重新设置一下高度OK解决
不忘初心L·2020-08-22 19:54

如何使用element-ui中的分页组件

分页组件里面的属性比较多，下面先看看官方给的都有哪些属性@size-change="handleSizeChange"这个意思是监听pagesize每页显示多少条数据，在methods中进行函数定义handleSizeChange(newSize){//将最新的页面条数传递到queryInfo中this.queryInfo.pagesize=newSize//重新刷新渲染页面数据this.getg
园斯特洛夫斯基·2020-08-22 19:22

如何使用vue-table-with-tree-grid的树形表格组件

平时我们用element-ui组件库的时候，用的很多组件都可以解决日常工作中的需要，最近遇到了一个需要搭建一个树形结构的表格，但element组件没有提供，这时就需要自己去通过第三方组件来实现这个功能了
园斯特洛夫斯基·2020-08-22 19:22

在vue项目中使用element-ui的input组件时无法输入值

问题在vue项目中使用element-ui的input组件时无法输入值原因v-model是vue内置的双向绑定指令:model是v-bind:model的缩写所以不能用:model代替v-model解决
米才怪·2020-08-22 19:12

element-ui中的中国省市区级联选择器

文章目录安装导入使用效果以下教程参考自官方的教程：https://www.npmjs.com/package/element-china-area-data安装执行以下语句安装城市数据：npminstallelement-china-area-data-S导入以vue-cli创建的项目为例，在vue文件中的scrit标签内导入数据：import{regionData,CodeToText}from
代码攻城狮·2020-08-22 19:12

基于element-ui的分页组件混入项（pagination）

/***分页组件的混入项***/exportdefault{props:{pageChange:Function},data(){return{pagination:{align:'left',background:true,current:1,pageSize:[15,20,50,100],size:15,totalCount:0,layout:'total,size,prev,pager,ne
帅燊·2020-08-22 19:39

Element-ui的级联选择器高度和内容显示错误

在使用Element-ui写项目的时候，使用到里面的一个叫Cascader级联选择器的组件。
ApplePieme·2020-08-22 19:29

vue基于element-ui的upload，想回显图片的方法和超过文件数消除掉upload组件的加号

1.vue基于element-ui的upload，想回显图片的方法首先效果是这样，element-ui的upload组件属性足以完成官方也有案例，但是想完成在另一个地方回显图片可以这么做,先看看实现效果
.树懒.·2020-08-22 19:56

VUE：快速实现一个省市区的级联选择器

具体实现第一步：准备一个全国地址的json文件（上级包含下级的从属关系数据，符合element-ui的select选择器数据要求）。这里有下载链接第二步：全局引入element-ui框架。
如此如此。·2020-08-22 19:26

Vue Element-ui Form表单使用

VueElement-uiForm表单使用在面对项目中大量的表单提交以及规则验证，Element-uiForm表单是我们最好的帮手，下面介绍一下form表单的使用方法以及规则校验的封装。el-form为了将所有表单的规则校验封装在一起我们需要在el-form加rules属性，rules可以在data当中定义一个全局的变量。model上的applyForm是一个data中定义的变量,需要注意的是在做
白了fo伦·2020-08-22 19:47

vue element-ui级联选择器选中后下拉框自动收起

Cascader级联选择器数据渲染通过:options=“options”映射,让每一级都可以选择(选项前会有圆圈可勾选)设置属性:props="{checkStrictly:true}"1、点击后下拉框自动收起实现设置每次监听值变化的时候，把dropDownVisible属性设置为false即可。（这个属性，官网根本没有说…）html部分:data(){return{menuDialog:fal
在奔跑中寻找·2020-08-22 19:10

ElementUI离线使用-分页功能

Element离线使用-分页功能引入element后，由于网络速度较慢，发现页面运行起来，比较卡顿，于是将其下载到本地1.下载静态资源element-ui官网：http://element-cn.eleme.io
Do Re Mi·2020-08-22 19:09

解决element-ui Cascader 的placeholder重影问题

前言解决methods中//解决cascaderplaceholder重影fixCascader(){constcascader=document.querySelectorAll('.el-cascader__search-input')for(letindex=0;index
非常厉害的巨兔·2020-08-22 19:07

Element-ui radio单选框

Element-uiradio单选框0发现页面加载的时候没有选中改成这样就可以了：0是因为加冒号，说明后面的是一个变量或者表达式。如：“sex”:0没加冒号的后面就是对应的字符串字面量。如：“sex”:‘0’
大橙子额·2020-08-22 19:06

element-ui表格 普通表格文字太多溢出设置

在对应的列引入一下样式即可生效例如：.text-hidden{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}②设置title="要展示的内容"二element-ui
千鱼三秒·2020-08-22 19:33

element-ui 的el-cascader多选在IE中样式不正常

注意：ie缓冲比较严重，修改样式后，一定要ctrl+shift+del进行缓冲清理，没准清理完缓冲你的样式就起作用了，问题就解决了@mediaalland(-ms-high-contrast:none),(-ms-high-contrast:active){.el-cascader__tags>span{flex:auto;}i.el-cascader-node__postfix{top:50%;
haley666·2020-08-22 19:33

vue.js通过element-ui实现上传进度条展示

一、简单记一下：1、使用的组件：el-upload/el-dialog/el-progress2、上传事件处理3、axios发送http请求，并通过回调函数传递进度progress二、遇到的难点：1、progress获取直接写到方法里好像获取不到，使用callback回调函数解决的；2、进度展示将progress给进度条组件，经大神指导，将progress直接封装到file中，然后获取；3、多文件
日常修行·2020-08-22 19:29

Element-UI级联选择器(Cascader)获取全路径Label

首先要说明的是,elemnt-ui上关于级联选择器提供了方法,获取节点getCheckedNodes此方法能够获取节点信息,但是在复杂的场景下,比如级联选择器是循环创建的.而且吧,搞不懂element-ui
Kudee·2020-08-22 19:57

实现element-ui中 table 点击一行展开

先上效果图:实现思路:1.table添加ref="refTable"引用该table2.table添加@row-click="clickTable"点击事件3.点击时,调用table的方法toggleRowExpansion,展开/关闭参考API:https://element.eleme.cn/#/zh-CN/component/tableclickTable(row,index,e){//调用
胡萧徒·2020-08-22 19:47

vue基于element-ui的三级CheckBox复选框(权限管理)

全选{{one.name}}{{two.name}}0">{{three.name|filterName}}exportdefault{name:'menuList',components:{},props:{},data(){return{menuData:[{"id":73,"name":"地图","children":[{"id":35,"name":"实时态势","children":[]
এWQ·2020-08-22 19:06

Vue+Element-UI总结_el-checkbox实现全选功能

一、前言最近在做Vue+SpringBoot的项目，Vue使用了Element-UI，写几篇文章记录一下在开发过程中的小功能。本篇讲的是使用多选框，实现全选功能。
weixin_40877388·2020-08-22 19:32

Cascader 级联选择器多选功能下 实现默认全选功能！

elementui版本"element-ui":"^2.9.2",解决办法：由于官方没有提供此api所以需要自己去递归操作后端返回的数据！
weixin_38809190·2020-08-22 19:50

element-ui级联选择器(Cascader)获取级联对象 （主要是想获取:label值)

最近使用element-ui的Casecader级联对象时，后台要求将对象的label值也传过去，然而，element-ui官方并没有提供这样方（keng）便(die)的方法。
weixin_34303897·2020-08-22 19:23

在 Element-UI 的 Table 组件上添加列拖拽效果

Element-UI的Table组件很强大，但是我们的需求更强大...简单粗暴的来一发效果图：一、数据驱动传统的拖动效果，都是基于通过mousedown、mousemove、mouseup事件来修改删减
weixin_34174322·2020-08-22 19:38

Vue使用element-ui所遇BUG与需求集结（二）

以下数据都是在vue(^2.5)+vuex(^2.3)+element-ui(^2.3)+webpack(^3.7)+axios(v0.16)环境下测试。
weixin_34018169·2020-08-22 19:23
上一页 98 99 100 101 102 103 104 105 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他