开发中遇到的问题以及解决思路

1、控制台报can not resolve相应的包名问题

解决思路:

1)在node_modules文件夹下查找是否有该包,如果没有就安装该插件,在运行下项目是否报错

2)如果确定node_modules下有安装该插件,看下是否使用了包的别名,在配置里面有在alias属性下配置别名

2、页面加了height:固定值,overflow:scroll,但是当内容超出设定的height值,不能滚动

一般给一个容器设置了height固定值,overflow:scroll当内容高度超过设定值时,会出现滚动条,页面可以滚动。但是这里却不能滚动

排查问题的思路:

可以用排除法

1)在DOM中写一个固定高度值超过容器设置的值,在将DOM中的元素一点点注释,看看是那个DOM元素影响了

2)当找到影响的DOM时候,看看是否是其css造成的,如果不是的话,在看看在JS里面是否有设置什么,比如阻止默认事件,阻止冒泡事件

我所遇到的问题产生的原因是:created的时候,给body添加了touchmove事件监听,一旦触发该事件,就阻止默认事件:event.preventDefault()

当页面中元素内容超出固定高度时候,我们想往下滑动看到被遮挡的内容,需要触发页面的滑动事件,而滑动事件又被禁止了,自然页面滚不动了

猜你喜欢

转载自blog.csdn.net/tangxiujiang/article/details/110289248