vue项目使用iview☞Modal后页面不能滚动的诡异问题
创始人
2024-12-27 05:38:25
0次
部分版本（360、谷歌）浏览器，页面不能正常滚动，但是我自己的怎么就好好的，
本着有问题一定解决原则，找到问题机器，查找原因，发现个诡异的东西，浏览器竟然自动在body上加了一个“overflow：hidden”
妹的，覆盖掉，在body中加上overflow：auto，完美解决
未完
查本究源，为什么会加个“overflow：auto”属性哪？发现是使用了iview的modal组件。该组件有个默认属性scrollable为false（页面是否可以滚动），当打开modal时候，会在body中添加“overflow：hidden”属性，来禁止页面滚动，在modal关闭时候，“overflow：hidden”会被删掉。
这一切看着没什么问题呀，但是我使用的时候就出现问题了哪？
我是将modal封装为一个子组件，使用vuex控制modal的显示与隐藏，在打开组件的时候，正常，body中添加了“overflow：hidden”，但是在关闭的时候，“overflow：hidden”并没有被删除掉，一直存在body中，随后影响其他页面的正常滚动。
题外话--使用ElementUI的“dialog”时候，有“before-close”等方法可以操作vuex状态之类的东东，感觉iview的modal扩展性不强。
暂时的解决方法是，先将scrollable设为true。
相关内容
热门资讯
实测分享！桃乐甘肃麻将下载辅助...
实测分享！桃乐甘肃麻将下载辅助器，飞驰娱乐科技软件，练习教程（有挂神器）该软件可以轻松地帮助玩家将桃...
我来教大家！白银胡乐亲友房，上...
我来教大家！白银胡乐亲友房，上品游戏辅助器，课程教程（有挂透明挂）1、玩家可以在上品游戏辅助器透视最...
最新研发！微信小程序蜀山四川辅...
最新研发！微信小程序蜀山四川辅助器，杭州都莱辅助，指南教程（有挂技巧）一、微信小程序蜀山四川辅助器游...
一分钟了解！潮汕雀友会辅助，创...
一分钟了解！潮汕雀友会辅助，创思维激k辅助控制器，窍门教程（有挂教学）1、下载好创思维激k辅助控制器...
玩家必看科普！麻友圈插件，微信...
玩家必看科普！麻友圈插件，微信边锋辅助，学习教程（有挂秘籍）1、很好的工具软件，可以解锁游戏的微信边...
今日科普！乐乐围棋入门辅助，途...
今日科普！乐乐围棋入门辅助，途游辅助器，法子教程（有挂方法）；小薇（辅助器软件下载）致您一封信；亲爱...
玩家必备攻略！欢聚水鱼天下辅助...
玩家必备攻略！欢聚水鱼天下辅助，微友助手破解版，要领教程（发现有挂）1、欢聚水鱼天下辅助透视辅助软件...
专业讨论！白金岛跑胡子脚本，多...
专业讨论！白金岛跑胡子脚本，多乐辅助器，手册教程（有挂神器）亲，关键说明，白金岛跑胡子脚本透视脚本安...
玩家科普！皮皮辅助软件，四川家...
玩家科普！皮皮辅助软件，四川家园辅助软件，演示教程（有挂细节）所有人都在同一条线上，像星星一样排成一...
一分钟教你！随意玩脚本辅助工具...
一分钟教你！随意玩脚本辅助工具透视，川南九九辅助，步骤教程（有挂详情）1、很好的工具软件，可以解锁游...