解决办法发 在父容器（最外最外层容器）添加两行代码 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的样式中加那两行代码
