##element-ui

Vuex 使用element-ui 组件 message

学习vue遇到一个问题，音乐无法播放，需要在vuex即可显示出来，发现element-ui没有这个功能只能在vue里面使用，最后测试得出一个结果：vuex可以使用如下import{Message}from'element-ui
杨总1838·2020-07-02 17:23

修改级联组件el-cascader默认文字样式

（适用于修改elment-ui其他组件的样式）因为element-ui组件都是封装好的，比如我想把级联框选择后的文字变大一些，那么我就要改变.el-cascader__label的font-size。
qiuqiu1894·2020-07-02 15:23

4、electron-vue安装element-ui

安装ElementUI是一套采用Vue2.0作为基础框架实现的组件库，它面向企业级的后台应用，能够帮助你快速地搭建网站，极大地减少研发的人力与时间成本，具体用法请参考ElementUIyarnaddelement-ui//或cnpminstall-saveelement-uiyarn安装方式npminstall-gyarncnpm安装方式npminstall-gcnpm--registry=htt
诺风丶·2020-07-02 15:12

vue table 使用el-table为行添加自定义背景色

概述element-ui为开发者简化了极大的前端开发工作，但是过于强力的封装，必然导致可自定义性质的退化，有时会为了一个小功能而花费更长的时间.此篇介绍如何对element-ui中的el-table添加行自定义选中背景色和
jackromer·2020-07-02 14:22

element-ui中动态修改组件属性的值

最近在联系router中的history，顺便熟悉一下elementui，针对动态修改属性的值，做一下笔记。想要点击更换button的type类型。最初的想法是使用ref获取该dom：abc然后给type赋值：this.$refs.button11.type='primary'this.$refs.button12.type=''this.$refs.button13.type=''但是这种办法麻
newway007·2020-07-02 13:41

electron+vue项目中使用element-ui中的table组件数据渲染失败

现象：electron+vue项目中使用element-ui中的table组件table展示空白dom节点表头存在没有数据解决办法：在webpack.renderer.config.js文件中whiteListedModules
mooonyuan·2020-07-02 12:31

element-ui el-datepicker动态获取disabledDate限制日期范围

代码exportdefault{data(){return{form:{timeUnit:1},pickerOptions:{disabledDate:this.disabledDate}}},methods:{disabledDate(time){if(this.form.timeUnit=='1'){returntime.getTime()>Date.now();}else{returntim
monkey_four·2020-07-02 12:46

element-ui组件库上传文件的使用（一、上传一个文件）

单独提一个子组件文件出来：将文件拖到此处，或点击上传只能上传excel文件（accept="xlsx,xls"），且不超过10M取消确定exportdefault{name:'FileUpload',props:{visible:{//对话框的开关type:Boolean,default:false},action:{//后台地址type:String,default:''},data:{//请求
mobile18600007978·2020-07-02 12:25

Vue router / Element 重复点击导航路由报错解决方法

写Vue项目中，使用Element-ui重复点击导航路由会报错，报错信息如下：虽然此报错并不会影响项目运行，但是作为一个强迫症的码农的确受不了error，解决方法如下：方法①：把项目依赖的node_modules
昊哥的HelloWorld·2020-07-02 10:10

vuecli3 element按需加载按需引入(包括样式)

近期公司准备为统一用户项目做一个管理控制台，我就准备使用Vue+element-ui做框架进行开发，具体选型好处就不再详细说明了，这里简单说一下使用vue-cli3脚手架新建的项目按需引入element-ui
longlongValue·2020-07-02 09:44

日期格式问题new Date()

element-ui里有一个date组件可以通过format转换为想要的格式。js中有这样的方法吗？
liuji0517·2020-07-02 08:34

Vue router / Element 重复点击导航路由报错解决方法

写Vue项目中，使用Element-ui重复点击导航路由会报错，报错信息如下：虽然此报错并不会影响项目运行，但是作为一个强迫症的码农的确受不了error，解决方法如下：方法①：把项目依赖的node_modules
Brians-不羁的少年·2020-07-02 07:31

element-ui table 自定义某列样式

element-uitable自定义某列样式//表格每行第五列开始添加点击效果this.$nextTick(()=>{//在获得数据元素渲染后获得dom元素for(leti=0;i<$(".el-table__row").length;i++){letclassList=[...$(".el-table__row")[i].childNodes];//取得想要修改样式的某几列classList=c
kirito0615·2020-07-02 06:47

element-ui 动态 限制日期选择范围

效果图：逻辑：根据任务时间选择的日期范围来限制收单日期范围html：js：exportdefault{data(){return{form:{taskDate:"",orderDate:""},minDate:"",maxDate:"",orderDateOptions:{disabledDate:time=>{letminDate=newDate(this.minDate);letmaxDate
katy_1·2020-07-02 06:50

elementUI + i18n 国际化翻译

importVuefrom'vue';importVueI18nfrom'vue-i18n';importeleLocalefrom'element-ui/lib/locale';importenLocalefrom'element-ui
jo_an_na·2020-07-02 06:08

vue项目按需引入element-ui

vueinitwebpackelementDemo2创建成功运行项目cdelementDemonpmrundev3切换到vscode编辑器安装element-uicnpminstallelement-ui-S4.0打开element-ui
笑望灬星辰·2020-07-02 03:51

vue项目引入jquery库的方法

vue项目引入jquery库的方法1首先在package.json里的dependencies加入jquery"dependencies":{"axios":"^0.19.2","element-ui"
hsg77·2020-07-02 03:04

Nuxt.js+axios+element-ui 项目搭建，并将项目提交到Gitee

文章目录创建nuxt.js工程nuxt.js目录结构整合Element-Ui和Axios补充：将本地项目推到Gitee上创建nuxt.js工程安装vue-clinpminstall-gvue-cli--
heheyixiao233·2020-07-02 02:59

element-ui之dialog对话框组件title插槽的使用

dialog对话框组件title属性的slot使用方法使用背景需要单独控制title中某个数据显示及样式//这里的插槽会替换title显示的内容name{{name}}age{{age}}这是一段信息取消确定exportdefault{data(){return{dialogVisible:false,name:'freely',age:20};},methods:{handleClose(don
_freely·2020-07-02 02:17

巧用element-ui的inputNumber计数器的最小值和最大值属性

element-ui最小值：   最大值：newVue({el:"#app",data:{minNum:1,maxNum:100}})
弗兰克方·2020-07-02 00:09

vue + element-ui 纯前端导出excel---（多表头&& 带有样式 ）

第一种方式：1.安装插件--npminstall-Sfile-saverxlsxnpminstall-Sxlsxnpminstall-Dscript-loadercnpminstall--savexlsx-style--样式2.创建excel文件夹---创建Bolb.js、Export2Excel.js3.在全局中引入---main.jsimportBlobfrom'../src/excel/Bl
请叫我王肉肉·2020-07-01 22:03

d3分区扇形拼接雷达图（regional_radar）,vue组件间通信，js模块和vue组件互相引用，vue-router,element-ui,axios,echarts,less(开箱即用)

项目基于vue-v2.x版本搭建，包含了：vue组件，组件间通信，外部js模块和vue组件的互相引用，vue-router,element-ui,axios,echarts,less(全部配置好，开箱即用
dengzeyuan·2020-07-01 22:47

element ui 日期选择范围限制30天，element-ui 日期范围选择控件，限制只能选择30天

问题描述element-ui日期选择器（daterange类型）选择日期范围为一个月，选择的时间前后只能选择一个月内日期知识点下面是具体实现代码实现elementui日期空间，前后范围为30天内data
陈阿刚·2020-07-01 21:00

element-ui的el-tree 实现鼠标移入子节点，显示删除、修改等功能按钮

1、tree组件代码{{node.label}}2、方法利用mouseenter和mouseenter动态改变新增的一个del字段就能控制隐藏显示了mouseenter(data){this.$set(data,'del',true)},mouseleave(data){this.$set(data,'del',false)}3、样式
Nazgul丶戒灵·2020-07-01 20:44

element-ui中upload组件获取上传文件信息

使用element-ui中的上传组件,upload,这个默认发送post请求,在使用upload组件自动携带的请求方式发送action->请求的urlon-success->请求发送成功的钩子–方法function
考拉菜鸟·2020-07-01 20:02

vue vue-router vuex element-ui axios 写一个代理平台的学习笔记（八）Vuex管理登录状态

又仔细看了一遍vuex的文档，还是云里雾里的，不过至少明白它是一个专门管理状态的，根据数据状态的改变可以驱动视图更新，既然是这样那至少登录注册是一种状态，就用登录来做测试，学习vuex,不过话说回来，既然专门管理状态，那我至少要仔细推敲一下这个learn的学习项目有那些状态逻辑。Image091.png1、据说储存的vuexstore里面的状态是临时的，右键刷新一下页面这些状态就销毁了（这是据说，
思吾谓何思·2020-07-01 20:07

Node.js + Vue.js 全栈开发王者荣耀手机端官网和管理后台

Element-UI，网站快速成型工具,一套为开发者、设计师和产品经理准备的基于Vue2.0的桌面端组件库Element-UI中文官网地址E
雪域迷影·2020-07-01 19:52

element-ui 的 el-select 与 el-tree 的功能组合

文章目录简介使用安装对element-ui的依赖全局注册局部注册完整的实例组件API属性事件简介element-ui的el-select与el-tree组件的功能组合。
YuJinpan·2020-07-01 17:38

element-ui 自定义表单验证 , 但是不出现小红心了

基本上按照文档上提供的方式做就没啥大问题,我遇到的问题是,自定义以后不显示小红星了提交重置exportdefault{data(){varcheckAge=(rule,value,callback)=>{if(!value){returncallback(newError('年龄不能为空'));}setTimeout(()=>{if(!Number.isInteger(value)){callba
asdfghjk11111111·2020-07-01 17:07

读Element-UI之组件库设计按需加载详细流程

最近闲暇无事，研究了下element-ui按需加载的实现，特与此记录一下。首先说下概念：1、按需加载指的是只引入需要用到的组件和组件的css，以减小打包体检，优化项目加载速度。
叶小七的真命天子·2020-07-01 17:34

VueCli3.0全栈项目

通过本系列课程,可以快速的掌握全栈开发流程,包括node.js的接口搭建,vue前端项目的构建,element-ui视图的构建.一套应有尽有的课程!
黑色咖啡 Ken·2020-07-01 15:17

VUE中axios 封装，带进度条的

我用的是element-ui,IP.httpsUrl是我的请求前缀基本引入如下importAxiosfrom'axios'importCookiesfrom'js-cookie'importrouterfrom
滚动小人人·2020-07-01 14:47

element-ui里，对于通过v-for渲染的el-form-item组件，使用自带的表单验证

删除提交新增域名重置exportdefault{data(){return{dynamicValidateForm:{domains:[{value:''}],email:''}};},methods:{submitForm(formName){this.$refs[formName].validate((valid)=>{if(valid){alert('submit!');}else{cons
Uncle_long·2020-07-01 14:15

关于vue项目中使用element-ui时，默认中文切换成英文的全局配置方法

vue默认使用的中文语言，当我们想要默认使用英语或者其他语言时，需要替换掉原本的中文问题：当我在写项目时，比如table的分页时，默认显示的内容是中文的，如下：解决：根据官网给出的提示，通过配置webpack.config.js，但是，我使用的是vue-cli3，所以需要自己手动配置。在项目根目录下创建vue.config.js，具体配置如下：constpath=require('path')co
Randy_hsu·2020-07-01 14:25

VueCli3.0全栈项目-资金管理系统带权限(node/element/vue)

简介：通过本系列课程,可以快速的掌握全栈开发流程,包括node.js的接口搭建,vue前端项目的构建,element-ui视图的构建.一套应有尽有的课程!
TAN13545226112·2020-07-01 13:27

element-ui 面包屑和导航关联的实现

初次使用element-ui制作点击菜单，面包屑动态改变，开始用的方法比较麻烦，后来发现通过element-ui的menu组件的@select方法可以传递路径参数，就豁然开朗，和大家分享一下。
saintkl·2020-07-01 13:01

js读取上传文件txt内容（上传插件用的element-ui 的upload）需要注意点

一、html（上传插件用的element-ui的upload上传文件类型为txt,上传个数少于等于5个，非自动上传（手动上传），关于上传文件大小貌似element-ui没有参数设置，需要在上传前的函数中进行控制
森小六·2020-07-01 13:48

element ui根据返回数据动态实现多项单选及回显

效果如下，数据都是接口返回的，思路：element-ui的单选标签，可通过v-model绑定变量来设置默认值，但上图这种效果，所有数据都是接口动态返回，不能预先在data中定义每组单选变量来设置默认值，
编程卡卡西·2020-07-01 12:11

【ElementUI】日期选择器时间选择范围限制

官方文档也很详细，这里做一个element-ui日期插件的补充。官方文档中使用picker-options属性来限制可选择的日期，这里举例子稍做补充。
_Lunay·2020-07-01 11:06

element-ui循环生成的列表进行校验

做后台管理系统遇到的问题,el-input输入框是通过循环生成的,用原来的验证方法对循环生成的输入框校验不生效.之前的写法:​​之前是将按一般的校验规则,没有生效,后来改成这样:​​循环生成的列表的每一项校验要写在el-form-item里面,其中messageList是返回的数据列表,:prop="'messageList.'+index+'.nane'"一定不要忘了写.,而校验:rules="
桔梗ll·2020-07-01 11:19

element-ui中的多层表单循环验证处理

项目中有如下需求：可以添加一个列表=>添加弹框=>里面可以添加多个产品（产品里面可以添加多个对接人跟政策），所以数据结构应该如下ruleForm:{companyName:'',//公司名称financialProduct:[//产品数组{productName:'',//产品名称dockingPerson:[//对接人{dockingName:'',//联系人}],financialPolicy
mschange·2020-07-01 11:39

重写element-ui中的Message，实现相同消息提示只弹一个

element-ui中的message在实际使用过程中很多时候会遇到，相同的message会在短时间内同时出现在页面上，这种情况下是没有必要的。
Linhoon学习笔记·2020-07-01 11:57

实战项目：电商管理系统（SpringBoot）Java后端 -【未完】

注意：这篇文章我打算先搁亿搁，我先完成：SpringSecurityOAuth2.0认证协议然后再开启这篇文章，并且打算用springsecurity把shiro和cas给换掉实战项目：电商管理系统（Element-UI
LawssssCat·2020-07-01 11:24

element-ui el-collapse 折叠面板内部数据动态加载导致无法展开

如下图所示面板内部数据为动态加载数据；为较少不必要的请求我们设置用户点击对应列表时请求对应列表下数据；如下代码所示：出现这种问题原因是点击时数据异步加载导致el-collapse-item的高度找不到，所以我们只要在数据更新完毕后执行就可以展开就可以；查找官网并没有给我回调函数；但是我发现el-collapse绑定的属性activeNames为一个数组，活跃面板的name值会存储在这个属性中，所以
瘦子先生·2020-07-01 11:35

毕设项目踩坑预记录（有空才补）

1、开发环境搭建：Mysql安装，Vue版本问题，element-ui版本问题2、express创建mysql连接池问题、跨域、安全、cookieage问题3、mysql配置问题（不能运行多条mysql
Jackshijin·2020-07-01 10:16

使用HBuilderX-普通项目之vue-cli默认项目开发前端（二）

第二步：使用element-ui和vue-router一、安装element-uiElement，一套为开发者、设计师和产品经理准备的基于Vue2.0的桌面端组件库，提供了配套设计资源，帮助你的网站快速成型
D_lunar·2020-07-01 08:12

element-UI框架下对v-for循环生成的表单项进行校验

需求比较简单就是验证一个表单，但是表单的项目是一个数组，每一个输入框都是v-for动态绑定的，其实和一个稳定的表单校验大部分要注意的点是一样的，只是一个问题prop的取值如何取比较复杂。数据结构是这样的，routeTable中有俩个数组结构的子对象，而俩个数组中的元素结构又是一样的，而且业务逻辑也一样，所以将这两个数组分别传递给同一种子组件，并传递了key的句柄url-type。routeTabl
CoderAllen·2020-07-01 08:42

element-ui给表格某列加样式

changeCellStyle({row,columnIndex}){if(row.status==='未提交'&&columnIndex===8){return{color:'#3E67AE',}}if(row.status==='审核中'&&columnIndex===8){return{color:'#F29D50',}}return{}},
Akatsuki233·2020-07-01 07:56

element-ui default-active

:default-active="onRoutes"当前激活菜单的indexstring在菜单上的属性值default-active，它的说明内容为：当前激活菜单的index其实，即使不加这个属性，也能正常显示选中的item变亮，但是之所以要加这个属性，是为了浏览器刷新后，仍然可以定位到之前选中的路由。如果没有多层嵌套路由的话，可以令:default-active="$route.path",但是
凤箫之舞·2020-07-01 07:26

前端实现图片的上传

一、使用element-ui代码如下：.avatar-uploader.el-upload{border:1pxdashed#d9d9d9;border-radius:6px;cursor:pointer
zhanghuali2019·2020-07-01 07:04
上一页 129 130 131 132 133 134 135 136 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他