##element-ui

vue.js element-ui动态改变组件placeholder的值

element-ui根据条件动态改变组件placeholder的值假设有一个需求，一个下拉框select，如果无选项，则显示暂无可用VPC，请先申请，如果有选项，则显示请选择利用vue.js的v-bind
bingqise5193·2020-08-01 11:19

从antd或者vant、element-ui这些UI框架里导入组件报错

一般你安装了一个UI框架为了项目优化都会选择按照官方给的方法按需引入UI组件，但是引入组件时却发现报错，报找不到这个组件，出现这样的情况有两种原因：1.UI框架升级，把某些旧组件废弃了，确实没有这个组件。我就出现过这种情况，有次按照某个网友给的参考搭建项目框架，却发现引入的组件报错，以为是按需没配置好的原因，改来改去始终报错，只能再次上网搜解决方法，看到一个网友评论说是不是没有这个组件，让我一愣，
执着明日·2020-08-01 11:13

时间选择器组件之关于table走过的弯路

element-ui有原生的时间选择器，但是，在我们的交互设计师是根据地图实际应用场景中的特性抽象组件，element-ui的样式
腾讯位置服务·2020-08-01 11:44

基于element-ui的级联多选选择器:el-cascader-multi

在线demogithubnpm效果预览installnpmiel-cascader-multi--saveuse使用在main.js中写入下面的代码importelCascaderMultifrom"el-cascader-multi";Vue.use(elCascaderMulti);接下来，你就可以在页面中使用cascader-multi了    exportdefault{    data(
吃葡萄不吐葡萄皮^_^·2020-08-01 11:00

三行JS代码配合css解决element-ui selecct组件选项文本过长bug

项目中用到可下拉选择可输入框，于是自然想到element-ui的select组件。当select组件的下拉选项不满足要求时用户可以输入自己需要的选项。那么问题来了。
TyrionJ·2020-08-01 10:53

VUE -- 前端项目初始化步骤

步骤安装Vue脚手架通过Vue脚手架创建项目：vueui（打开ui面板）配置Vue路由配置Element-UI组件库配置axios库初始化git远程仓库将本地项目托管到Github或码云中第一步：安装Vue
CEZLZ·2020-08-01 10:59

VUE前端项目初始化

一、前端项目的初始化步骤1.安装Vue脚手架（以vue-3为例）2.通过Vue脚手架创建项目3.配置Vue路由4.配置Element-UI组件库5.配置axios库6.初始化git远程仓库7.将本地项目托管到云仓库
ck-hu·2020-08-01 10:30

如何改装element-ui表格，使之拥有增加和删除功能成为动态表格

最近项目需要使用一个动态表格，使之拥有增加删除以及大表单的保存功能，界面框架定的是element-ui，仔细找了找，并没有现成的动态表格可以使用，没办法，只能开启改装之路。
Emperor灬fly·2020-08-01 09:50

element-ui的navMenu使用v-for循环渲染不同子标签(el-menu-item和el-submenu)

简单记录1.简介2.上代码2.1html代码2.1.1原理2.2js代码3.树型组件实现4.结语1.简介作为一个合格的全栈开发者，前端的常用技术肯定不能落下。在深度了解了原生HTML5、CSS3和JavaScript(ES5和ES6)之后，前端的三大马车（Vue、React、Angular）至少要会一个吧，国内使用Vue比较多，Vue是一个轻量级的框架，组件化和MVVM的思想的应用使得Vue在性能
月桦剑士·2020-08-01 09:34

vue子路由跳转问题

问题大概是这样的，我这边简单的做了一个demoimportVuefrom'vue'importElementUIfrom'element-ui'//import'..
xuxinwen32·2020-08-01 07:40

element-ui中弹框dialog不显示的问题

今日遇一小坑，使用elementUI的时候，项目中需要做一个换头像的功能，因为项目结构原因，我写了一个组件，点击头像出现弹框，并且可以上传头像，但是遇到一个问题，在作为组件的时候，弹框只显示弹层但是不显示框，仔细查看了文档，发现有个关键属性append-to-body，他默认是false，我们给他设置为true，写在标签里。下面为文档中的属性介绍，默认是false加上这个属性之后，弹框就出来了。
Dreamer_xr·2020-08-01 07:45

element-ui 不论点击哪里都会都会报错Cannot read property 'forEach' of null

当我用了el-dropdown这个标签时，没有用到el-dropdown-menu甚至是el-dropdown-item,可能因为页面每次都会遍历这个下拉菜单但我并没有写下拉子菜单，所以无论任何操作都会报forEach为null，把el-dropdown去掉就可以了。退出登录
xiaoxiaoxiao_lu·2020-08-01 07:33

Vue小模块之用户登录 使用Element美化网站和实现验证

Element首先用npm安装Elementnpmielement-ui-S在目录src/element/下创建文件index.jsimportVuefrom'vue'importElementUIfrom'element-ui'import'element-ui
吴小傻0·2020-08-01 06:45

自己总结的自定义表单验证的两种方法(element-ui)

第一种varvm=newVue({el:'#coupon_goods_add',data(){vardecimals=/^[0-9]+(\.[0-9]{1})?$/;varcheckDecimals=(rule,value,callback)=>{setTimeout(()=>{if(!decimals.test(value)){callback(newError('请输入大于0最多一位小数的数字
吃饭不吃肉·2020-08-01 06:15

element-ui Cascader 获取label

element-uiCascader获取当前选择的节点数据包括label,value,自定义都能拿到{{data.label}}handleChange(){console.log(this.$refs["cascaderAddr"].getCheckedNodes();)//获得当前节点，}打印结果
晴天有何特别·2020-08-01 05:16

el-cascader的使用以及报错解决

项目中使用到了element-ui中的cascader级联选择器，组件下拉列表是动态的，根据用户选择的类型来从后台请求数据再根据后台获取的数据，加载级联选择器getCascader(){this.cascaderValue
大橙子额·2020-08-01 05:35

element-ui 日历组件calendar 自定义使用

{{data.day.split('-').slice(2).join('-')}}{{item.things}}exportdefault{name:"calendar",data(){return{calendarData:[{months:['09','11'],days:['15'],things:'看电影'},{months:['10','11'],days:['02'],things:
日月朝暮·2020-08-01 05:29

Element-ui input 输入框限制只能输入数字的问题

保留小数点后几位0){value=value.slice(0,value.indexOf('.')+3)}"maxLength='9'/>v-model没有值的的问题我是这么解决的constelem=this.$refs.eleif(elem.isOnComposition){//em..其实这个判断可以去了this.count=elem.currentValue}
橙可爱·2020-08-01 05:20

Vue 引入部分element.ui组件的一些小坑

如何在路径上不用#index.jsmode:'history',全部引入方式main.jsimportVuefrom'vue'importElementUIfrom'element-ui'import'element-ui
聽風娓娓道來·2020-08-01 05:10

vue封装 element-ui form表单验证 正则匹配手机号 自定义校验表格内容

在methods:中写：//检查手机号isCellPhone(val){if(!/^1(3|4|5|6|7|8)\d{9}$/.test(val)){returnfalse;}else{returntrue;}},在template中需要验证手机写的是element框架中prop="phone"验证规则data中data(){varcheckphone=(rule,value,callback)=
柠檬不喝柠檬茶·2020-08-01 05:55

vue-multi-tab--一个让你在SPA里使用多页签的框架页

介绍vue-multi-tab是一套基于vue和element-ui的,实现了tab-router(一个基于tab的路由)的单页面,多页签应用程序.我之前写这个项目的时候,有写了一篇记一次基于vue的spa
Rank92·2020-08-01 04:40

搭建vue-cli脚手架加上element-ui，菜鸟来也。

我是一个菜鸟，所以决定记录下来以便自己加深印象第一步首先是要按照nodejs。在node的官网的上去下载按照你电脑的位数下载合适的安装包。安装提示一步一步的安装。安装完成以后需要到cmd里面看node-v看看是否打印出版本号，如果成功打印出，说明安装好了。接下来就选中到你项目所在的的磁盘，执行命令npminstall-gvue-cli进行全局安装。再创建一个基于webpack的项目vueinitw
weixin_34221332·2020-08-01 04:13

element-ui 表单校验 - 优化

element-ui表单校验-优化在表单比较少的项目中,一直都是按照官网的写法:复制代码但是，在表单比较多的项目中，rules校验规则在表单中都是重复性工作。可以试着将它抽取出来。
weixin_34221775·2020-08-01 04:42

基于vue element-ui扩展组件库之（1）搭建框架

主要环境vue2.*element-ui2.5.xwebpack3.x初始化项目安装vue-clinpminstall-gvue-cli复制代码如果执行npm命令提示operationnotpermitted,则需要使用管理员权限运行vscode或cmd使用vue-cli构建项目vueinitwebpackvep-ui复制代码安装element-uinpmielement-ui--save安装cs
weixin_34153893·2020-08-01 04:17

element-ui复杂表单校验

复杂表单如下：删除添加建议事项exportdefault{...data(){return{form:{name:'',address:{id:'',name:''},sponsor:[{id:'1',name:'Tom'},{id:'2',name:'Jack'}],advices:[]},rules:{//也可以写在data中//name:[{required:true,message:'不能
weixin_34090643·2020-08-01 04:28

Vue组件的三种调用方式

那就是我有些组件，比如Dialog、Message这样的组件，是引入三方组件库，比如element-ui这样的，还是自己实现一个？虽然它们有按需引入的功能，但是整体风格和我的整个系统不搭。
weixin_33730836·2020-08-01 03:03

vue-multi-tab--一个让你在SPA里使用多页签的框架页

介绍vue-multi-tab是一套基于vue和element-ui的,实现了tab-router(一个基于tab的路由)的单页面,多页签应用程序.我之前写这个项目的时候,有写了一篇记一次基于vue的spa
weixin_33694620·2020-08-01 03:16

element-ui 2.7.2版本使用 表格展开行 功能遇到的奇葩问题？

在使用element-ui2.7.2版本的时候报下面的错误：[Vuewarn]:Errorincallbackforwatcher"data":"Error:ifthere'snesteddata,rowKeyisrequired."表面的意思是如果有嵌套的数据，需要在el-table标签中新增row-key字段。查阅文档element-ui2.7.0增加对树形结构数据的支持,而row-key是针
weixin_30871905·2020-08-01 03:49

Element-ui Cascader 级联选择器 同时返回 value 和 label

给cascader组件赋值一个别名然后我们就可以通过currentLabels来获取cascader组件中的label了//选择部门getDepartmentId(currentVal){if(currentVal.length==0){this.conditionForm.departmentId='';}else{console.log(currentVal,this.departmentId
weixin_30364325·2020-08-01 03:21

如何在Vue项目中使用Element组件

vuevueinitwebpack+项目名称4、在项目目录文件夹下运行cnpmrundev，如果没有问题，则进行安装ElementUI【安装ElementUI】cnpminstallelement-ui-s【引入Element-UI
weixin_30363981·2020-08-01 03:21

模仿element-ui封装vue组件库（二）

四、封装一个element-ui风格的dialog组件前置知识：vue过渡动画sync修饰符具名插槽与v-slot指令参数支持：参数名参数描述参数类型默认值title对话框标题string提示width
耳鼻喉科魏主任·2020-08-01 03:23

模仿element-ui封装vue组件库（五）

九、封装一个element-ui风格的checkbox组件{{label}}exportdefault{name:'oneCheckbox',inject:{CheckboxGroup:{default
耳鼻喉科魏主任·2020-08-01 03:52

模仿element-ui封装vue组件库（三）

五、封装一个element-ui风格的input组件参数支持：参数名称参数描述参数类型默认值placeholder占位符string无type文本框类型（text/password）stringtextdisabled
耳鼻喉科魏主任·2020-08-01 03:52

element-ui Form表单校验小结

1.要验证输入只能为数字时2.整体校验时，可以写方法校验；3.根据条件判断表单里的某一项是否必填；方法一：动态响应的改变required的值；在rules里面可以不用加requied方法二：直接改变当前对应项的rules;写对应需要的两套校验条件exportdefault{data(){return{rules:{fundamentalLawType:[{required:true,message
buling girl·2020-08-01 02:37

element-ui table :span-method 行合并 动态数据处理

element-ui官网提供了表格行合并的方法，但是官方demo过于简单用取余的方法将行两两合并，实际开发中需求显然复杂的多，今天我就行记录一下我在开发中从获取动态数据后，对数据进行处理，并进行啊行合并的方法
_Jason_PC_·2020-08-01 02:33

DatePicker日期格式化后，报错TypeError dateObject.getTime is not a function

DatePicker日期格式化后，报错TypeErrordateObject.getTimeisnotafunction.一、问题描述使用element-ui的DatePicker组件时，需要把日期格式化为
大橙子_L·2020-08-01 01:10

element-ui表单校验、重置表单与移除表单项的校验结果

1.element-ui的表单校验使用validate方法。参数为一个回调函数，该回调函数会在校验结束后被调用，并传入两个参数：是否校验成功和未通过校验的字段。示例代码如下：this.$refs.dynamicValidateForm.validate((valid,obj)=>{if(!valid){returnfalse;}else{......}})2.如果想移除表单的校验结果，可以调用cl
明月松江·2020-08-01 01:39

Vue进阶（三十）：vue中使用element-ui进行表单验证

一、简单逻辑验证（直接使用rules）实现思路html中给el-form增加:rules="rules"html中在el-form-item中增加属性prop="名称"js中直接在data中定义rules:{}html部分常用地址js部分exportdefault{data(){return{form:{fAdderss:'',},//校验规则rules:{fAdderss:[{required:
No Silver Bullet·2020-08-01 00:47

element-ui表格列金额保留小数点后两位报错

实习阶段想积累一些经验，把遇到的问题和解决方法记录下来，希望大佬们多做评论。先放上代码保留金额小数点后两位的代码，好像百度的大佬都是用加过滤器实现的，可是我直接.toFixed()就实现了，具体我也不知道。。。{{scope.row.totalProfit.toFixed(2)}}然后报错了，各种百度然后也没有结果，最后查看了一下MySQL数据库，原来是这个金额有null值。最后做一个判断就可以解
张张张立宏·2020-07-31 23:58

VUE Element-ui 表单自定义验证规则

验证规则：在防止用户犯错的前提下，尽可能让用户更早地发现并纠正错误HTML代码：验证：modifyFormRules:{/*信息修改表单验证*/cardId:[{required:true,message:'请输入身证号',trigger:'blur'},{pattern:/(^[1-9]\d{5}(18|19|([23]\d))\d{2}((0[1-9])|(10|11|12))(([0-2][
小范先生上行中·2020-07-31 23:18

Element-Ui 表单验证 常用 roles[] 记录

rules:{account:[{required:true,message:'请输入用户名',trigger:'blur'},{min:2,max:25,message:'长度在4到25个字符'},{pattern:/^[\u4E00-\u9FA5]+$/,message:'用户名只能为中文'}//{pattern:/^[a-zA-Z]w{5,17}$/,message:'以字母开头，长度在6-
Ztrue·2020-07-31 23:38

Vue elelment登录验证 简单版

http.jsimportaxiosfrom'axios'import{Message,Loading}from'element-ui';importrouterfrom'.
qq_164165005·2020-07-31 23:13

element UI中flex布局下el-table宽度自适应在IE下出现一直加载宽度的bug解决

最近的一个后台项目大量用到了element-ui里面的table。在调试ie兼容性的时候发现当没有加载表格数据只有表头时显示正常，但当加载数据后，表格一直抖动而且宽度持续增加。
celestine113·2020-07-31 23:47

Vue + Element-UI rules实现表单验证（实例）

文章导航自定义一个校验规则js在表单页面引入校验规则，并使用:rulse="rules"绑定自定义一个校验规则jsvalidator.js//验证邮箱exportvarreg_email=(rule,value,callback)=>{constreg=/^[a-zA-Z0-9_-]+@[a-zA-Z0-9_-]+(\.[a-zA-Z0-9_-]+)+$/;if(!value){callback(
小天才程序员·2020-07-31 23:22

element-UI级联选择器默认选择是value(也就是id)想要获取label(也就是name值)

changeCity(item){console.log(this.$refs['cascaderAddr'].getCheckedNodes()[0].pathLabels)},
臭臭鬼·2020-07-31 23:16

Element-Ui input只允许输入数字和两位小数，保留两位小数(四舍五入)

1.编写form表单2.初始化数据，增加校验exportdefault{data(){constvalidateMoney=(rule,value,callback)=>{if(!value){callback(newError('金额不能为空'))}elseif(value.split('.').length>2){callback(newError('输入正确格式的金额'))//防止输入多个小
cnsummerLi·2020-07-31 22:04

Element-ui el-cascader不能校验

本人问题已解决，例子如下：第一步第二步rules:{customerName:[areaName:[{type:'array',required:true,message:"请选择区域",trigger:"blur"}]}
007星辰·2020-07-31 22:21

element-ui form 日期选择器限制选择范围

element-ui中，提供picker-options对当前时间日期选择器特有的选项配置。这里主要使用disabledDate，其返回值为Boolean类型。这里设定两个时间组件，分别选
qq_36437172·2020-07-31 22:35

element-ui 表单自动验证问题的解决

element-ui中的el-form组件自带了验证功能，在开发中经常会遇到一些莫名其妙的问题，比如表单一出来就触发了验证等等。在项目中，需要弹出表单框并填入旧数据。
qq_36437172·2020-07-31 22:35

element-UI级联选择器(Cascader)获取label值 - 代码篇

element-ui级联选择器(Cascader)获取级联对象：主要是想获取:label值、value值效果图预览：代码参考如下：constthsAreaCode=''//拼接三级联动地址代码//三级地址选择
草巾冒小子·2020-07-31 22:46
上一页 116 117 118 119 120 121 122 123 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他