关注
分享
用户体验官大龙
一枚不太安分的前端攻城狮
展开
-
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 · 79383 阅读 · 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 · 2692 阅读 · 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 · 9909 阅读 · 3 评论 -
一个基于Vue和Element-ui的个人博客系统（附完整代码）
简介 这是一个偏前端的博客项目，其前端是基于Element-UI和Vue2.0开发实现的，后端的实现使用了Google的Firebase作为实时数据库，直接调用它提供的接口来实现数据的读取和存储。（由于项目使用了国外的firebase，所以需要连接VPN才能正常工作。） 此博客系统实现了基本的博客发布，修改，删除和查询；应用到的vue技术主要有axios请求、父...原创 2018-07-04 13:49:39 · 15707 阅读 · 11 评论 -
基于Element-UI可以动态生成表单项的form表单
由于做项目的需要做一个不定项的form表单，即可以动态生成表单项的form表单，自己利用element-ui的el-form表单制作了一个，如下动图：此动态form表单是基于element-ui里的el-form表单基础上进行修改而来，它实现了新增表单项、删除表单项、表单验证和重置表单、表单提交等form表单所拥有的基本功能。详细介绍，请查看源代码应用场景：表单项不确定的form表单...原创 2018-10-14 20:08:38 · 16785 阅读 · 7 评论 -
js实现无限层级树形数据结构（创新算法）
由于做项目的需要，把一个线性数组转成树形数组，在网上查了很多文章，觉得他们写的太复杂了，于是自己写了一个，在折腾了一下午终于把它写出来啦（激动.gif），用两个filter过滤器就搞定了，代码简洁明了，数据结构小白都能看懂。js代码：把扁平数据转成树形数据function setTreeData(source){ let cloneData = JSON.parse(JSON.s...原创 2018-09-22 20:19:32 · 41092 阅读 · 100 评论 -
基于Element-UI的组件改造的树形选择器（树形下拉框）
前言：由于做项目需要一个树形选择器，项目用的也是element-ui框架，然而它自带的选择器组件没有树形选项，又不想引入其他的框架组件，于是自己利用el-select和el-tree改造了一个，感觉还挺好用的，就封装成了一个组件，如下图：element-ui的el-select组件的选项只能是列表形式：改造后的树形选择器：简介：此树形选择器组件是基于elment-ui框架的e...原创 2019-03-18 13:46:16 · 68175 阅读 · 146 评论