![16d0a9f5cf39da56e1684ccf8209ea6d.png](https://i-blog.csdnimg.cn/blog_migrate/82335303f9f540f968b10cc7557665e4.png)
Vue+element(v2.3.2)(第二期)
![0aab12c0338ce49419ac2b52bcb75126.png](https://i-blog.csdnimg.cn/blog_migrate/d8b395c5d1d4ca1fddf9b4aacc10997e.png)
大家可以像我一样,利用碎片时间去记录,温习这些零碎的知识点及bug痛点,让自身的基础更加扎实。我的前端道路与你们同行,大家一起加油吧!
01
element-NavMenu使用
解决方法:
记录一波,文档说的是背景色,实际上用到的是:hover的颜色(备注:#1579BD->rgb(21,121,189))
![3e8d1c2a14346d15e8ea982f02a761bd.png](https://i-blog.csdnimg.cn/blog_migrate/de8c5266af7d1ec91a23497ae1fd7595.png)
02
A页面弹窗层跳到B页面,弹出层未消失
解决方案:A页面跳转B页面时候,将A页面的弹窗给隐藏掉
![3e8d1c2a14346d15e8ea982f02a761bd.png](https://i-blog.csdnimg.cn/blog_migrate/de8c5266af7d1ec91a23497ae1fd7595.png)
03
css inline-block 块级元素在google浏览器上面有白色框bug
点击前:点击后:
bug痛点:
解决方案:
elment-ui里面的el-menu里面有一个ul,相当于在ul里面嵌套图片就有bug,解决方案是将img外面的el-menu去掉,重新加一层div
![3e8d1c2a14346d15e8ea982f02a761bd.png](https://i-blog.csdnimg.cn/blog_migrate/de8c5266af7d1ec91a23497ae1fd7595.png)
04
bug制造机
bug痛点:input框blur事件之后,点击其他地方需要点击两次才能点击成功。
解决方案:刚开始,我还因为是事件冒泡,还加了
e.stopPropagation(),结果还是不能解决,后来发现是loading:true阻止了这个点击,真的感觉这个bug挺奇葩的,哈哈!
05
页签选择~Vue-router-tab
一个好看的后台管理都需要一个好的页签。
实践经历感觉这个挺不错的,值得推荐!
![3e8d1c2a14346d15e8ea982f02a761bd.png](https://i-blog.csdnimg.cn/blog_migrate/de8c5266af7d1ec91a23497ae1fd7595.png)
![92e8ef3ca5f17c57809c93b0903d5b63.png](https://i-blog.csdnimg.cn/blog_migrate/c3255118202c1794b7d8d75d932aa2a6.jpeg)
总结:
文中的代码可能不一定是最优代码,要是你有更好的代码欢迎评论。喜欢的可以给我点赞鼓励哦!