解决办法发
在父容器(最外最外层容器)添加两行代码
overflow-y: scroll;
-webkit-overflow-scrolling: touch;
<template>
<div id="app" v-cloak>
<router-view/>
</div>
</template>
<script>
export default {
name: "App",
data() {
return {
};
},
</script>
<style lang="scss">
@import "./assets/scss/style.scss";
#app {
font-family: "Avenir", Helvetica, Arial, sans-serif;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
color: #2c3e50;
overflow-y: scroll;
-webkit-overflow-scrolling: touch;
}
</style>
以上例子中,子组件都渲染在id为app的div,所以在这个div的样式中加那两行代码