##element-ui

vue项目结合element-ui使用tinymce富文本编辑器（so easy操作）

一、命令行npminstalltinymce-S下载富文本依赖包二、由于tinymce默认是英文界面，所以需要的可以下载一个中文语言包~然后将整个包放在static文件夹下:三、在主入口文件main.js中引入相关插件样式：如下图——为方便大家粘贴再贴出代码好了：//富文本编辑器importtinymcefrom'tinymce'importVueTinymcefrom'@packy-tang/v
Hsu yiqi·2020-06-29 14:58

对element-ui的分页进行二次封装成组件

因为我的项目风格要统一，所以对el-pagination中的样式做修改exportdefault{name:'Pagination',props:{pager:{type:Object,required:true,},refresh:{type:Boolean,},props:{type:Object,required:false,default:()=>({page:'page',//第几页ro
粥萌_·2020-06-29 14:52

前后端登陆接口对接

\javaspa\vue2>npminstallaxios-s创建目录utils前端api.js封装所有请求importaxiosfrom'axios'//导入import{Message}from'element-ui
、穿格子·2020-06-29 14:32

vue前端登陆页面

/router'importElementUIfrom'element-ui';//import'element-ui/lib/theme-chalk/index.css';//Vue.config.pro
、穿格子·2020-06-29 14:32

element-ui form表单键盘回车键enter会导致整个页面的刷新问题

问题以下代码，此时按enter回车键，整个页面都会刷新原因当一个form元素中只有一个输入框时，在该输入框中按下回车应提交该表单。所以整个页面就刷新了。解决在el-form便签里加上@submit.native.prevent即可
文滨·2020-06-29 14:28

实现element-ui的table嵌套表格点击父表格只允许一行展开

问题描述最近在做个人博客项目的时候，在写后台博客管理的时候，查询博客的时候，在评论字段点击，会以嵌套表格的形式显示此篇博客对应的博客，因为嵌套表格的数据是动态获取的，如果打开多行，就会出现打开的所有嵌套列表中显示的是最后一次打开博客的评论。解决思路所以为了处理这个bug,可以设置只可以打开一行，打开下一行的时候，上一行的嵌套表格关闭。解决方法首先在父表格加入@expand-change="expa
小盒的_1028·2020-06-29 13:10

element表单回车登录解决的方法

#eleMent-ui回车登录解决方法直接上代码在form表单设置默认的提交按钮后需要阻止表单默认提交事件，在表单上添加@[email protected]
琪落枫·2020-06-29 12:58

element-ui中的upload组件使用总结

element-ui官网使用upload组件：选择文件action:是请求后端接口的路径（必填的）header:是配置请求头的/在此处带了tokenon-change:文件状态改变时的钩子，添加文件、上传成功和上传失败时都会被调用
落落Plus·2020-06-29 12:12

浅谈vue项目搭建中的性能优化

1.采用cdn，在index.html的文件头部引入vue和element-ui的组件库。
lelehouse·2020-06-29 12:45

Vue - element-ui 中预览 word 、exce、ppt以及pdf文件

最近写了个有预览word、Exce、ppt以及pdf文件的后台管理在网上也找了很多就感觉很复杂，当然最后还是实现了，本博主一项喜欢简单越简单越好越好理解废话不多说先上效果图（我就喜欢那种有图的代码能预览一下是不是自己想要的效果）1.显示页面2，预览效果word2.exce3.ppt没有但是都一样4.pdf1.首先说预览word、Exce、ppt代码handleEdit是上图中预览按钮参数row是每
z先生1025·2020-06-29 12:12

vue element-ui 日期选择器 获取日期范围的开始结束时间

data(){return{DataSelect:''//时间}},if(this.DataSelect==''){this.$message({message:'警告，请选择时间',type:'warning'});return;}else{//--时间处理varstartDate=this.DataSelect[0];varendDate=this.DataSelect[1];...}
xL,·2020-06-29 12:37

vue element-ui 表格嵌套表格的数据处理

vueelement-uitable表格嵌套的问题标签{{scope.row.name}}{{scope.row.num}}{{scope.row.Id}}编辑删除数据格式list:[{Id:'1店',names:[{name:'apple',num：1}，{name:'banana',num:2}]},{Id:'2店',names:[{name:'apple',num：1}，{name:'ban
xL,·2020-06-29 12:36

使用 element-ui 级联插件遇到的坑

//区-参数3[{value:1,label:'东城区'},...]因element-ui级联选择
梦晓时分·2020-06-29 12:25

vue api接口统一管理

importaxiosfrom'axios'import{MessageBox,Message}from'element-ui'import{getToken}from'@/utils/auth'//这个是获取
头发茂盛的搬砖工·2020-06-29 12:21

element-ui表格翻页的序号递增

1、写方法体里js：method:{indexMethod(index){letcurpage=this.page.pagination.pageData.page//单前页码，具体看组件取值letlimitpage=this.page.pagination.pageData.limit//每页条数，具体是组件取值return(index+1)+(curpage-1)*limitpage}}2、直
门前小小小树·2020-06-29 12:43

vue动画-自定义组件

在开发时，有时候一些组件满足不了目前的需求，这时候就需要自己开发组件了，然后使用自己开发的组件（插件）到项目中，组件的引用方式有两种，一种是import,另一种是vue.use()，element-ui
Angela-·2020-06-29 12:48

Vue + Element-ui upload 上传前压缩图片

场景：在Vue项目里，利用ElementUI的upload组件，上传图片，在图片上传前，对图片进行压缩。做法概述：在before-upload方法中对图片文件进行处理，并返回处理后的文件。本人查看了一下upload的源码，发现，beforeUpload方法中，除了可以返回图片校验时的true/false，还可以以returnnewPromise的方式返回文件，如返回文件，则上传时，以返回的文件为准
Jennifer·F·2020-06-29 12:12

element-ui el-upload组件，上传完成后隐藏上传按钮

项目开发中要求最多只能上传3张图片，最后一张图片上传完成后隐藏上传按钮，解决方法如下：代码示例：效果图如下：1.动态绑定样式属性:class="{uoloadSty:showBtnDealImg,disUoloadSty:noneBtnDealImg}"data中定义data(){return{showBtnImg:true,noneBtnImg:false,limitCountImg:3//上传
路人甲小码·2020-06-29 12:28

element-ui实现动态菜单栏 并处理菜单栏折叠文本不隐藏问题

一：创建NavMenu.vue动态添加菜单栏（递归实现）//一级菜单{{navMenu.entity.alias}}//多级菜单{{navMenu.entity.alias}}调用NavMenu.vue展开收起菜单栏数据源letdataList=[{"entity":{"id":1,"parentMenuId":0,"name":"systemManage","icon":"el-icon-mes
Yaien_jacky·2020-06-29 12:19

element-ui的基本使用（一）

本章讲的是element-ui在vue中的用法开发准备废话不多说直接上教程在使用element-ui之前我们需要有自己的开发环境，也就是自己的电脑里安装了最新的稳定版的node.js这个就不多说了，安装之后直接点下一步就行了
weixin_44022064·2020-06-29 11:22

Vue与ElementUI整合使用

我这里用的是SublimeText，在控制台输入如下命令下载elementuinpmielement-ui-S2.打开mian.js文件，修改部分代码如下引入相关文件，importElementUIfrom'element-ui'import'element-ui
monster_isme·2020-06-29 11:16

element-ui按钮控制元素的显示隐藏

添加商品+添加商品添加链接无链接exportdefault{name:'PushMessage',data(){return{linkinput:'',//链接输入框radio2:1}},methods:{change(val){console.log(val,'val')console.log(this.linkinput,'input的值')}}}
weixin_43991940·2020-06-29 11:12

vue2.0项目中引入element-UI组件【试了好多次 终于找到正确的方法了 】

创建一个完整的vue2.0项目把端口号改下（因为不改的话后续会报错说端口号被占用）使用命令【npminstallstyle-loader】【npminstallcss-loader】【npminstallfile-loader】【npminstallelement-ui】项目里找到build--->webpaack.base.conf.js找到图中表示的地方，在后面加上下面的两段代码。代码如下：{
多放点盐·2020-06-29 11:05

Vue/vuex/vue-router/element-ui 一个后台管理系统实现侧边栏和可配置tab标签栏的demo

自制一个简单demo，实现一个包含侧边栏、tab标签栏的后台管理系统的大致框架，在此做一下总结。先上图项目地址https://github.com/ekko-wang/vue-elementui-demo功能点可配置的侧边栏；侧边栏点击时跳转至相应的router，若没有该标签则新建，已有则激活这个标签；点击标签栏中的标签实现下方的路由跳转；关闭所有标签栏则自动打开至index。1、侧边栏src/c
丨王小烦丨·2020-06-29 11:00

如何在函数的默认传参之外额外传入自定义参数

场景在使用一些框架如element-ui时，经常会使用一些组件的默认事件，这些默认事件通常会有一些默认参数以便于使用。
丨王小烦丨·2020-06-29 11:29

vue+tp5实现Element-ui自定义上传头像

记录一次踩坑经历vue代码，css部分参考官网就可以，可以自行修改//自定义上传图片uploadFile(params){letfile=params.fileletimageType=file.typeif(imageType!='image/jpeg'&&imageType!='image/jpg'&&imageType!='image/png'){letisImage=false}else{
一个真实的程序猿·2020-06-29 10:24

在vuex 中使用element-ui的Message 消息提示

如何在vuex中使用element-ui的Message消息提示？
渡渡鸟7·2020-06-29 10:28

用vue-cli搭建一个项目配合element-ui做一个公司需要的后台管理系统

vueinitwebpackmy-project4.在my-project项目目录中npmielement-ui-S5.在main.js文件中放入以下代码5-1）importElementUifrom‘element-ui
weixin_43831302·2020-06-29 10:25

vue-element-ui中el-tabs标签在刷新页面后回到刷新前的标签页

本文是为了记录曾经踩过的坑，愿以后的日子里不再踩坑大家在用element-ui的tab切换时，可能会遇到这样的问题，就是比如我在标签页2新增了东西，要刷新页面，但是刷新后回到标签页1，这样又要点回去，就很麻烦
喵九~·2020-06-29 10:50

vue element-ui的嵌套dialog遮罩层

vueelement-ui的嵌套dialog遮罩层打开dialog时，遮罩层直接将全部body遮住内嵌dialog关闭时父级dialog依旧被遮罩层遮住自己做项目时需要用到嵌套dialog，但是遮罩层的问题踩了2次坑，leader让我不要用dialog，但是真的不太想重写(懒），自己解决办法如下打开dialog时，遮罩层直接将全部body遮住这个坑网上已经有很多篇文章介绍到过了，加一句:modal
sugar free·2020-06-29 10:42

element-ui icon 图标无法正常显示问题

element-uiicon图标无法正常显示使用vue-cli3脚手架搭建的项目，在打包文件上服务器的时候，其他的css，js样式都能正确加载出路径，但是element的icon图标却不能正常加载出来。加载的路径https://yxq.linksign.cn/static/css/static/fonts/element-icons.535877f.woff本应该加载的路径https://yxq.
花世界hua·2020-06-29 10:05

element-ui table表格border显示问题

这是部分参数，其余可参考element-ui官方文档2产品要求3只复制官方文档代码data里数据：dataList:[{duty:'责任',guard:'预防',accident:'意外',base:'
lucky―燕·2020-06-29 09:15

vue项目中element的表格二次封装

1.简介因小编之前主写react，已经习惯数据表格的json配置；而element-ui的table主要是以template的方式进行页面的渲染，容易造成业务代码可观性并不是很友好，维护也不是很方便；element-ui
SunnyRun!·2020-06-29 09:48

使用VUE时遇到的数据变更但页面不会刷新的问题

最近结合vue使用的element-UI其中的tab栏数据值改变，但是页面上的标记没有显示出来，必须要点一下才能更新到页面上。输出了一下在显示之前，数据的确已经改变了。
StarXDer!!!·2020-06-29 09:15

使用element-ui让表格固定在当前窗口,可随窗口大小改变

当表头达到表格顶部的时候让给表格max-height的值,让表格不会被滚动到窗口外面去,这样翻页也能在窗口中,提升一点用户体验背景://背景:表格在一个有头部的页面里面,还有导航console.log($('.a').outerHeight());//头部高度console.log($('.b').outerHeight())//导航高度console.log($(window).height()
吃饭不吃肉·2020-06-29 09:37

解读vue-element-admin登录逻辑permission.js

/store'import{Message}from'element-ui'importNProgre
HaooNAME·2020-06-29 09:04

vue：遇到的坑之-----自定义可编辑表格(element-ui)

补充下拉框编辑的代码{{scope.row.data}}//dataOptions的数据我就不列出来了//isEditCellData为判断是否能编辑的标识，如果没有这个字段可以在获取的时候添加进去，具体代码在下面可以找到//v-on:change="updateRow(scope.row,'data')"这个事件的意思是当我进行了下拉选项的选择后就触发//修改子表单元格事件updateRow(r
我爱吃西瓜喵·2020-06-29 09:53

vue：遇到的坑之-----table拖拽（element-ui）

效果如下：拖拽情况：1、表格嵌套，子表进行拖拽，不能跨表拖拽，父表不能拖拽，引用了sortable.js插件2、单表拖拽以下是嵌套表格拖拽代码：html：js：importSortablefrom'sortablejs'exportdefault{data(){return{arr:[{date:'2016-05-02',name:'王小虎',address:'上海市普陀区金沙江路1518弄',c
我爱吃西瓜喵·2020-06-29 09:53

vue：遇到的坑之-----form属性（element-ui）

1.解决输入框输入内容后回车就会刷新页面bug加一个@submit.native.prevent就可以已解决原理：当一个form元素中只有一个输入框时，在该输入框中按下回车应提交该表单。如果希望阻止这一默认行为，可以在标签上添加@submit.native.prevent。场景：表单双击编辑时遇到的2.表单动态校验data(){constvalidAge=(rule,value,callback)
我爱吃西瓜喵·2020-06-29 09:53

vue：el-date-picker多个日期遍历，不能选择重叠日期（element-ui）

效果如图：样式就忽略哈代码：html：1"@click="deleteDate(index)">js：data(){return{list:[{data:''}],pickerOptionArr:[{}],}},methods:{addDate(index){let_this=this;letendDate=_this.list[index].data[1];this.pickerOptionAr
我爱吃西瓜喵·2020-06-29 09:53

vue：遇到的坑之-----动态控制表格列的显隐（element-ui）

效果如图：表格内容啥的就不要管了，专注于效果哈~html：我是通过v-if="colData[0].istrue"，通过勾选框的选中和不选中来控制对应列的istrue的true/false，从而控制每一列的显隐。设置data：colData是所有表头标题，colOptions是多选框默认全选，colSelect也是所有表头标题，只是是跟多选框组绑定的colData:[{title:"名称",ist
我爱吃西瓜喵·2020-06-29 09:53

vue：遇到的坑之-----table属性（element-ui）

主要记录一下项目中常用到的table属性1、stripe:是否显示斑马纹//后来发现可以直接这么写，哎之前好傻2、可以自己更改行颜色，样式如下.el-tabletr:hover{background:#f6faff;//鼠标移动到当前行的颜色}.el-tabletr{background-color:#eaf2ff;//单数行的颜色}3、表头和表内容居中格式//表头居中，内容居右//表头内容都居中
我爱吃西瓜喵·2020-06-29 09:22

如何修改Element-UI的input样式

.el-input__inner{height:33px;font-size:13px;box-shadow:none;border:1pxsolid#e9e9e9;}.el-input__inner:hover{border-color:#e9e9e9;}.el-input__inner:focus{border-color:#42a5f5;box-shadow:none;transition-
做个快乐的小吃货·2020-06-29 08:42

el-pagination分页默认样式修改

element-ui的默认样式：修改后的样式：代码：/*设置xx条/页的框的颜色*/.el-select.el-input.is-focus.el-input__inner,.el-pagination
做个快乐的小吃货·2020-06-29 08:42

element-ui的table动态生成列，在相应的列中添加按钮，点击出现el-dialog弹框

element-ui的table动态生成列，在相应的列中添加按钮，点击出现el-dialog弹框效果如图：弹框：动态渲染表格列{{scope.row[tableData.formTheadEn[index
在奔跑中寻找·2020-06-29 08:31

Element-UI快速入门

ElementUIElement饿了么前端出品的一套基于Vue2.0的桌面端组件库官网2、安装npminstallelement-ui-S3、在main.js中引入importElementUIfrom'element-ui
JackieLizhujiang·2020-06-29 08:12

element-ui tree树形控件单个选择节点

element-uitree控件单个选择节点element-uitree怎么选择单个叶子节点的解决方案。实现的效果如下：废话不多说，上代码（如下图）：html：js：onChangeBlur(){this.showHierarchy=!this.showHierarchy;if(this.showHierarchy){//true是展开tree选择项this.$nextTick(function(
你好、阳光·2020-06-29 08:26

axios的封装及使用1

npminstallaxios--save**新建http.js**importaxiosfrom'axios';//importqsfrom'qs'//import{Message}from'element-ui
倾听雨落~·2020-06-29 08:24

带备注的日历组件（3.0）

上一版的日历组件是改的element-ui的，使用不方便，今天我也是闲了一会儿，就自己写了原生的,不依赖其他框架；其他个人定义组件先看效果图：很简洁，后期可以加组件APIwidth：组件宽度makeArr
晴天有何特别·2020-06-29 07:01

element-ui,iview组件样式修改，框架自带样式修改,/deep/击穿

项目中经常要修改框架自带的样式，但是写style，却没有效果方法一：给组件加id/class，在style一面直接修改，注意style不要加scoped,vue可以有多个style结构：选择日期:至添加{{item.time}}样式：#noAssessmentDate.ivu-modal{width:686px!important;}#noAssessmentDate.ivu-tag{width:
秋刀鱼笛滋味·2020-06-29 07:13
上一页 132 133 134 135 136 137 138 139 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他