方法一：可以使用css新屬性overscroll-behavior
body {
/* 禁用默認(rèn)的下拉刷新和邊界效果,但是依然可以進(jìn)行滑動導(dǎo)航 */
overscroll-behavior-y: none;
}
但是需要瀏覽器支持該屬性

方法二：可以使用插件inobounce（但是只適用于ios系統(tǒng)，安卓不適用）
官網(wǎng)：https://github.com/lazd/iNoBounce

在vue中：
//先下載npm install inobounce -s
//然后在script中：

<script>
import inobounce from 'inobounce'
export default {
  data() {
    return {  }
  },
  mounted() { },
  created() {
    let u = navigator.userAgent
    if (u.indexOf('iPhone') > -1) {
      inobounce.enable()
    }
  },
  beforeDestroy() {
    inobounce.disable()
  },
  methods: { }
}
</script>