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。
相关内容
热门资讯
26年最新开挂版!方片十三张辅...
26年最新开挂版!方片十三张辅助透视挂，清远佬麻将是有外挂，一贯有挂分享1、进入到方片十三张是否有挂...
26年最新开挂版!杭州都莱辅助...
26年最新开挂版!杭州都莱辅助透视挂，腾龙确实有外挂，竟然有挂教学1、首先打开杭州都莱辅助器下载最新...
26年最新开挂版!同城跑胡子合...
26年最新开挂版!同城跑胡子合集辅助透视挂，约战武汉麻将真的有外挂，一直证实有挂1、玩家可以在同城跑...
26年最新开挂版!经典联盟辅助...
26年最新开挂版!经典联盟辅助透视挂，聚友联盟确实有外挂，本来的确有挂1、经典联盟破解器简单，经典联...
26年最新开挂版!同城上饶辅助...
26年最新开挂版!同城上饶辅助透视挂，鹰潭麻将真的是有外挂，都是有挂工具1、同城上饶公共底牌简单，同...
26年最新开挂版!蜀渝牌乐汇辅...
26年最新开挂版!蜀渝牌乐汇辅助透视挂，友友麻将存在有外挂，本来有挂详细1、完成蜀渝牌乐汇有辅助插件...
26年最新开挂版!滇南棋牌辅助...
26年最新开挂版!滇南棋牌辅助透视挂，中至常熟麻将真的有外挂，一直有挂工具1）滇南棋牌免费钻石：进一...
26年最新开挂版!微乐河北麻将...
26年最新开挂版!微乐河北麻将辅助透视挂，雀友圈斗地主真的有外挂，竟然真的有挂1、下载好微乐河北麻将...
26年最新开挂版!渔乐大咖辅助...
26年最新开挂版!渔乐大咖辅助透视挂，福星麻将真的有外挂，原来有挂解密1、下载好渔乐大咖脚本下载之后...
26年最新开挂版!腾龙娱乐辅助...
26年最新开挂版!腾龙娱乐辅助透视挂，边锋老友扎旗麻将是真的有外挂，总是竟然有挂1、金币登录送、破产...