
☛ Element-UI
文章平均质量分 65
大龙Aiden
Fuck the God
展开
-
element-ui框架的el-dialog弹出框被遮罩层挡住了
如图:解决办法在el-dialog标签里添加 :modal-append-to-body='false'实现效果:问题解析先来看看element-ui官网提供的属性说明文档文档解释:翻译成大白话就是,若el-dialog弹出框设置了modal-append-to-body='true'(默认)属性,它的遮罩层就会被插入到body标签下(即与组件所在的最外层d...原创 2018-07-02 19:24:30 · 80928 阅读 · 41 评论 -
vue项目引入element-ui的方法
安装element-ui:npm i element-ui -S查看是否安装成功:vue项目的依赖文件node_modules里存在element-ui依赖vue项目中引入element-ui:在main.js文件里引入,方法如下(完)...原创 2018-06-20 10:06:15 · 2726 阅读 · 0 评论 -
vue项目引入element-ui后报错的解决方案
错误:vue2.0引入element-ui后报错如下图原因:后来从依赖文件里找到了问题,vue无法识别.ttf和.woff文件解决办法:修改vue配置文件“webpack.config.js”如下:(重启vue项目,完美解决) 参考:https://segmentfault.com/q/1010000011762672?sort=created...转载 2018-06-19 16:08:43 · 10005 阅读 · 3 评论 -
一个基于Vue和Element-ui的个人博客系统(附完整代码)
简介 这是一个偏前端的博客项目,其前端是基于Element-UI和Vue2.0开发实现的,后端的实现使用了Google的Firebase作为实时数据库,直接调用它提供的接口来实现数据的读取和存储。(由于项目使用了国外的firebase,所以需要连接VPN才能正常工作。) 此博客系统实现了基本的博客发布,修改,删除和查询;应用到的vue技术主要有axios请求、父...原创 2018-07-04 13:49:39 · 15840 阅读 · 11 评论 -
基于Element-UI可以动态生成表单项的form表单
由于做项目的需要做一个不定项的form表单,即可以动态生成表单项的form表单,自己利用element-ui的el-form表单制作了一个,如下动图:此动态form表单是基于element-ui里的el-form表单基础上进行修改而来,它实现了新增表单项、删除表单项、表单验证和重置表单、表单提交等form表单所拥有的基本功能。详细介绍,请查看源代码应用场景:表单项不确定的form表单...原创 2018-10-14 20:08:38 · 16868 阅读 · 7 评论 -
js实现无限层级树形数据结构(创新算法)
由于做项目的需要,把一个线性数组转成树形数组,在网上查了很多文章,觉得他们写的太复杂了,于是自己写了一个,在折腾了一下午终于把它写出来啦(激动.gif),用两个filter过滤器就搞定了,代码简洁明了,数据结构小白都能看懂。js代码:把扁平数据转成树形数据function setTreeData(source){ let cloneData = JSON.parse(JSON.s...原创 2018-09-22 20:19:32 · 41673 阅读 · 100 评论 -
基于Element-UI的组件改造的树形选择器(树形下拉框)
前言:由于做项目需要一个树形选择器,项目用的也是element-ui框架,然而它自带的选择器组件没有树形选项,又不想引入其他的框架组件,于是自己利用el-select和el-tree改造了一个,感觉还挺好用的,就封装成了一个组件,如下图:element-ui的el-select组件的选项只能是列表形式:改造后的树形选择器:简介:此树形选择器组件是基于elment-ui框架的e...原创 2019-03-18 13:46:16 · 69221 阅读 · 146 评论