##element-ui 第137页

vue中element-ui 树形控件-树节点的选择(选中当前节点,获取当前id并且获取其父级id)

Element-ui官网给的方法getCheckedKeys(){console.log(this.

phpDevelop·2020-06-29 06:48

element-ui导航菜单使用vue-router刷新后高亮显示不一致完美解决办法

问题1：刷新后，默认高亮显示为当前的第一个索引值产生原因：:default-active="activeIndex"解决办法：将:default-active="activeIndex"替换成:default-active="$route.path"问题2：改完:default-active="$route.path"后发现高亮不显示，需要双击对应的路径才高亮显示产生原因：:default-act

扛狼1427·2020-06-29 05:01

element-ui中select选择器怎么获取更换的数据

选择器的使用一般分为在表格中和表格外两种方式，本文主要内容为element-ui组件下el-select控件的使用。

默默J·2020-06-29 05:11

element-ui中点击按钮，弹出对话框，并使用父子组件传参的形式关闭对话框

今天的需求是，使用element-ui插件编写页面，点击按钮，弹出对话框，并使用父子组件传参的形式关闭对话框。

默默J·2020-06-29 05:11

element-ui中el-container容器与div布局区分

用于布局的容器组件，方便快速搭建页面的基本结构：el-container：外层容器。当子元素中包含或时，全部子元素会垂直上下排列，否则会水平左右排列。el-header：顶栏容器。el-aside：侧边栏容器。el-main：主要区域容器。el-footer：底栏容器。以上组件采用了flex布局，elemen-ui官方文档链接：http://element-cn.eleme.io/#/zh-CN/

默默J·2020-06-29 05:10

Vue+element管理后台（Vuex，axios，Sass，Element-ui，eCharts）

1.搭建环境环境条件（由命令行工具搭建）：（1）node（npm在安装完node后就有了）安装node地址：https://nodejs.org/en/安装淘宝镜像（cnpm）：npminstall-gcnpm--registry=https://registry.npm.taobao.org（2）webpack（全局安装）指令：npminstall-gwebpack（3）vue-cli（脚手架全

老梅的前端旅程·2020-06-29 05:15

（四）初学Vue之第三方组件Element-ui组件的使用。

一.简介在我们的工程项目中，使用一些第三方组件如Element-ui，Bootstrap等，可以让我们更快更好地完善美化设计我们的项目。

加油加油加油啊·2020-06-29 05:10

使用Element-ui开发桌面应用的小问题

开发中遇到问题不在少数，真的是相当头疼，下面这个就是整了好久，还以为是样式没有引入进来，或者组件没有引入进来，最后发现是配置的问题。在electron中使用el-tooltip无效解决办法找到上面的文件，打开，搜索：whiteListedModules//在electron中使用el-tooltip无效解决办法，更改设置如下letwhiteListedModules=['vue','element

梦和远方·2020-06-29 05:40

element-ui 分页组件动态设置默认页码（可用于保存当前页码跳转后的再次加载）

1、在分页组件中加入ref以控制节点2、设置pagination属性this.$nextTick(()=>{this.$refs.pagination.internalCurrentPage=pageNo;})用途：可用于跳转详情页时保存列表的当前页码，从详情页回来时加载保存的页码。例子：当前页码5，跳转详情回来时会重置为1，即使修改pageNo为5，页面显示的还是1，此时可用这种方法。2020-

丶spare·2020-06-29 05:05

vue+elementui根据权限动态生成菜单添加对应router路由

说明:根据从后台获取角色权限数据配合Element-ui中NavMenu组件生成对应菜单结构.并通过addRoutes方法动态添加路由-之前做项目时是通过beforeEach钩子里通过判断当前角色的权限是否能访问要去往的路由页面来实现的

Kudee·2020-06-29 05:13

做了一款element-ui在sublime text上的code snippet

原本希望用Emmet，可以自动补全element-ui，但是在MacOS的sublimetext上，输入el-input，然后敲tab，并没有自动变成。需要按ctrl+e才可以。

iOSnow·2020-06-29 05:10

element-ui编辑表单中的el-radio无法选择的情况

困扰了半上午的bug，表单样式及代码如下。问题是回显数据之后，当我点击其他的radio想要选择的时候，勾选不了。在网上找到了一样的bug，有解决方案，同样没有找到原因。解决方案是：原本是把从后台得到的数据res.data直接赋值给editPowerForm，现在需要先把res.data赋值给letobj，然后再由obj赋值给editPowerForm，就可以了。原因是editPowerForm没有

南极大冰块·2020-06-29 05:07

vue-element-admin实现富文本编辑器功能

01vue-element-admin简介：vue-element-admin是一个后台前端解决方案，它基于vue和element-ui实现。

Web_hls·2020-06-29 05:56

使用webpack搭建简单的vue+element-ui项目，并实现模块按需加载

原文地址：https://blog.csdn.net/crazy_jialin/article/details/80435213本文讲述一下在vue项目中搭建element-ui框架，并实现模块的按需加载

让我看看谁在学习·2020-06-29 05:47

vue element-ui 选择日期组件将标准日期时间格式化

element-ui日期返回的格式是这样的，看下图：但是我们需要的是这种格式:在此之前在我找了很多javascript原生方法，单由于较复杂，而弃用。

xi_ss·2020-06-29 05:24

2020 Vue零基础基于Element-UI开发（全）项目优化与部署上线（npm，基于vue ui）上篇

文章目录1、引言2、介绍项目优化的策略3、优化——通过nprogress添加进度条效果4、优化——解决serve命令中提示的ESLint语法错误5、优化——在执行build命令期间移除所有的console6、优化——只在发布阶段移除所有的console7、优化——生成打包报告8、优化——通过vue.config.js修改webpack的默认配置9、为开发模式与发布模式指定不同的打包入口10、优化—

一百个Chocolate·2020-06-29 05:04

2020 零基础到快速开发（史上最全百科全书） Vue全家桶开发电商管理系统（基于Element-UI）

文章目录1、引言2、电商后台管理系统的技术选型3、快速入门篇4、电商管理系统开发（百科全书）5、结束语点击进入Vue❤学习专栏~1、引言又是一个寒假，曾经一个学霸说过：寒假是用来反超的！，所以这个寒假来和我一起学习Vue把，我会把我做的全部整合在这一个目录当中，算是给自己一个学习记录，也方便读者进行查阅。我的项目其实在1月24日正好过除夕的那天完成了，大约是10天左右的时间，边记录边做项目，后面发

一百个Chocolate·2020-06-29 05:04

2020 零基础到快速开发 Vue全家桶开发电商管理系统（Element-UI）使用码云托管项目篇

文章目录1、引言2、创建码云账号并配置SSH公钥2.1注册码云账号2.2获取公钥3、将本地项目托管到码云上3.1新建仓库3.2导入项目点击进入Vue❤学习专栏~1、引言寒假是用来反超的！一起来学习Vue把，这篇博客是关于项目初始化，请多指教~2、创建码云账号并配置SSH公钥2.1注册码云账号如果还未注册过，先注意一个码云账号点击头像附近的小箭头，选择设置，来到我们的SSH公钥处2.2获取公钥进入如

一百个Chocolate·2020-06-29 05:34

element-ui中单独引入Message组件的问题

1.安装elementuinpmielement-ui-S2.安装babel-plugin-componentnpminstallbabel-plugin-component-D3.找到.babelrc把原文件内容全部删除，粘贴下面代码{"presets":[["env",{"modules":false,"targets":{"browsers":[">1%","last2versions","

菜鸟小佳·2020-06-29 05:32

Vue二次封装element-ui的树组件（一）

1.创建文件夹2.1)npminit-y2）安装npmiexpressaxioselement-uiloadsh-S3.创建server.js文件：写接口letexpress=require('express')letapp=express();//解决跨域问题app.use((req,res,next)=>{res.header('Access-Control-Allow-Origin','*'

采故事的女孩·2020-06-29 04:18

el-select滚动到底部加载更多

importVuefrom'vue'exportdefault{}.install=(Vue,options={})=>{Vue.directive('loadmore',{inserted(el,binding){//获取element-ui

夏小锋·2020-06-29 04:04

element-ui的upload 上传组件照片墙当超过限定图片后隐藏上传按钮

隐藏上传组件。比如我想限制上传5张，上传到第五张后，上传组件隐藏，然后在dataexportdefault{name:'',data(){return{hideUpload:false,}}}methods:{handleEditChange(file,fileList){this.hideUploadEdit=fileList.length>=5},handleRemove(file,fileL

橙可爱·2020-06-29 04:12

element-ui upLoad组件使用遇到的问题

upload上传文件，每个文件的上传都会发送一个请求，如果你要多文件上传且只发送一个请求。需要使用JS自己构造formData数据，当然具体上传时的样式效果依旧是组件的upload的，如下:上传xml配置文件上传excel模板取消确定点击上传走我们自己封装的方法submitUpload(){this.fileLoading=trueconstuploadForm=newFormData()cons

钱途不止·2020-06-29 04:52

element-UI el-table树形数据修改小三角图标

el-table树形数据默认样式有下级没展开是▸有下级展开了是▾没有下级的前面什么符号也没有。更改成自定义样式因为是vue的内写CSS样式，所以需要添加/deep/进行穿透.el-tree/deep/.el-tree-node__expand-icon.expanded{-webkit-transform:rotate(0deg);transform:rotate(0deg);}//有子节点且未展

why-lost·2020-06-29 04:43

Element-ui坑

1.@change传参@change="handleChange($event,'自定义传参')"2.默认事件传参例：上传组件的上传之前的钩子：before-upload="beforeAvatarUpload"默认的参数只有file想要多个上传组件公用一个方法，又有区别时，这时候就要传自定义参数区分直接:before-upload="beforeAvatarUpload（file,'updata

代码之慌·2020-06-29 04:55

element-ui 使用时遇到的一些坑

element-ui,是一款基于vue2.0的快速构建框架的前端组件。使用起来方便快捷，非常适合快速开发。

zmz_style·2020-06-29 03:55

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

element-ui中的el-form组件自带了验证功能.当表单初始化后,每次赋值或进行相应操作.就会触发表单自动验证在开发中,有一个不太友好的问题,就是打开表单后,再打开就会触发自动校验,报一片红.目前有两种方案应对

胡萧徒·2020-06-29 03:46

如何在vue中封装Element分页组件

1、安装Elementnpmielement-ui-S在main.js中引入ElementimportElementUIfrom'element-ui';import'element-ui/lib/theme-chalk

苹果加糖·2020-06-29 03:41

封装axios,token,消息提示,防止重复提交

/router'//引入路由import{Message}from'element-ui';//

sowhat_WLQ·2020-06-29 03:56

vue ---request

importaxiosfrom'axios'/*eslint-disable*/import{Loading,Message}from'element-ui';vardebug=trueletloadingInstanceletneedLoadingRequestCount

Charli222222222·2020-06-29 03:13

Element-ui el-input修改多行、单行文本框文字大小样式,以及用scoped覆盖原css样式

写了一个vue方面比较全的博客，也包括该博客内容，并进行修正，链接：https://blog.csdn.net/weixin_42024288/article/details/82181762首先，vue与Element-ui

梅斯温杜的学徒·2020-06-29 03:40

vue中使用element-ui进行表单验证

element-ui中验证一、简单逻辑验证（直接使用rules）实现思路html中给el-form增加:rules="rules"html中在el-form-item中增加属性prop="名称"js中直接在

dong-v·2020-06-29 03:35

element-ui中右击显示下拉菜单

1./el-dropdoen-item>methods:{rightClick(item){constname=`work_flow_${item.name}`;this.$refs[name][0].show();//这步最关键，让下拉菜单显示}}

学习的叶子·2020-06-29 03:10

element-ui 自定义上传文件

data(){return{//上传的文件file:{}}}methods:{//上传文件，获取文件流handleChange(file){this.file=file.raw}//自定义上传uploadFile(){//创建表单对象letform=newFormData();//后端接受参数，可以接受多个参数form.append("file",this.file)form.append("",

学习的叶子·2020-06-29 03:10

vue+element+Ueditor部署百度富文本框的那些坑

前言：这段时间在用Ueditor富文本编辑器，出现了一些坑，在网上找了很多，都没怎么解决，主要问题是将Ueditor封装成组件后，放在element-ui的el-dialog里时，内容写不进去，原因大概就是组件没有加载完成

danielyulu·2020-06-29 02:40

element-ui 更改表格中某个单元格的样式

学习前端也有一年了，今天用到element-uitable设置某个单元格颜色让人很头疼，将这个问题的解决办法保存下来代码块``````方法：```el-tablestyle=“width:100%”:data=“ModuleList.rows”stripeheight=“calc(100vh-220px)”size=“small”:cell-style=“tableCli”border>```效果

loftBlack·2020-06-29 02:31

vue-cron

表达式1.依赖Vue2.0.0+element-ui2.0.0+2.安装方式npminstallvue-cron3.引入方式importVuefrom'vue'importElementUIfrom'element-ui

loftBlack·2020-06-29 02:31

vue+elementUI $message

element-ui,$message显示倒计时信息element-ui,$message显示倒计时信息element-ui提供的message组件，文字是写死的，没有提供动态变化的方法。

歪歪100·2020-06-29 01:44

Vue整合Element-UI的分页组件实现分页

前段时间在做一个系统后台，需要用表格加载显示后台数据项并分页显示。分页可以通过不同的方式实现：1、客户端分页一次请求把数据全部从后端请求回来，在前端处理，显示所需要的页面的数据项。这样做的好处是无需多次与服务端进行交互，切换页面时不需要刷新所以没有延迟。但仅限于数据量较小的时候使用，如果数据量很大页面渲染将变得很慢。2、服务端分页当数据量比较大时，一次请求传输所有数据考虑到效率问题就不是很合适，原

五撸超人·2020-06-29 01:00

vue+element-ui搭建简易的后台管理系统页面布局

工作中一直用element-ui写中后台项目，所以决定写一个vue+element-ui搭建简易的后台管理页面框架教程，可以快速搭建好简单的中后台界面。

蓝图null·2020-06-29 01:51

element-ui时间选择器限制范围

目标效果，做一个起止时间选择，用户在输入时两次分别选择开始时间和结束时间，如下图对应的结束时间需要大于开始时间，先看代码pickerOptions:{disabledDate(time){returntime.getTime()>Date.now()-8.64e6;},},pickerOptions0:{isabledDate:(time)=>{if(this.ruleForm.startTime

淵波太郎·2020-06-29 01:11

element Cascader 级联选择器更新后出现的bug解决方案

在学习黑马前端vue的时候碰到的问题自从element-ui更新到2.12之后，级联选择器Cascader出现了几个小问题：1.级联选择器的高度有问题，占据的高度太高，无法选择某些选项2.不能像以前一样点击文字实现效果

第三枚小菜鸟·2020-06-29 01:32

element-ui table组件采用min-width导致部分页面闪烁的解决方案

该BUG是由于饿了么UI下的min-width会自己通过js换算，然而部分浏览器的宽度是包含了滚动，所以宽度变来变去导致了闪烁，官方很多方法都是无效的，其实仅仅只需要给table的最外一层父容器添加overflow:auto;即可解决我则是在css中添加：/*解决饿了么ui滚动闪烁BOG*/.el-table__footer-wrapper,.el-table__header-wrapper{ov

浮云中的神马-潘帅·2020-06-29 01:20

vue中实现element-ui dialog的弹窗拖拽+水平方向伸缩

importVuefrom"vue";//v-dialogDrag:弹窗拖拽+水平方向伸缩/**使用方法*将以下代码复制到一个js文件中，然后在入口文件main.js中import引入即可；*给elementUI的dialog上加上v-dialogDrag指令就可以实现弹窗的全屏和拉伸了。*给dialog设置:close-on-click-modal="false",禁止点击遮罩层关闭弹出层*如果

2b勿扰·2020-06-29 01:14

(精华2020年5月14日更新) vue实战篇 element-ui日历实现日程安排和区间查询

首先在template加如下代码{{data.day.split('-').slice(2).join('-')}}{{data.isSelected?'✔️':''}}{{item.工作内容}}监听日历的各种点击事件mounted(){this.$nextTick(()=>{//点击前一个月letprevBtn=document.querySelector(".el-calendar__butt