ElementUI常见bug之dialog
2018-09-15 本文已影响1533人
de_self
此系列文章,纯为日常开发所见,基于特殊的项目架构,不代表组件开发问题,另外,感谢ElementUI的开发人员以及管理人员愿意将组件共享,提升大家的工作效率。
ElementUI是目前我使用最多的vue前端组件库,对系统开发帮助明显。
在刷新页面时,先显示dialog内容,后显示页面
此处的问题为解决方法为使用<template>包裹dialog
感觉产生这个问题的原因是,我们采用html的页面使用vue,没有<template>,dialog被浏览器认为是主页的一部分,此处与html加载顺序有关,先加载了css后加载了html,在乎在加载了vue。js后才使得dialog成为一个弹框,而不是普通内容html
dialog产生拖影问题
![](https://img.haomeiwen.com/i12320369/dd8f48baf4910be3.png)
如果dialog太长,需要拖动查看,会留下拖影
此问题是我们在写dialog时将dialog直接写在启动dialog的button同一个div中
解决办法,将dialog用<template>包裹后放于<div id="app">内层
![](https://img.haomeiwen.com/i12320369/4a4d5c23bc1ab3d6.png)
this.$model is not a function
this在ajax中指向改变
![](https://img.haomeiwen.com/i12320369/66ca3f9d1abd9ba8.png)
e.map is not a funtion
![](https://img.haomeiwen.com/i12320369/3b26307d07aa9764.png)
上传组件中,数据变量重名