vue.js写饿了么的项目,引入better-scroll屏幕上下滚动报错?

图片描述

import BScroll from 'better-scroll';

const ERR_OK= 0;
export default{
    data(){
        return{
            goods:[]
        }
    },
    porps: {
        seller:{
            type:Object
        }
    },
    created(){
        this.$http.get('/api/goods').then((res)=>{
                res=res.body;
                if(res.errno===ERR_OK){
                    this.goods=res.data;
                    this.$nextTick(() => {
                        this._initScroll();
                    })
                }
            },(res)=>{

            })
        this.classMap=['decrease','discount','invoice','guarantee','special'];
        
    },
    methods:{
        _initScroll(){
            this.leftScroll= new BScroll(this.$refs.goodsLeft,{});
            this.rightScroll= new BScroll(this.$refs.goodsRight,{});
        }
    }
}
阅读 3.9k
3 个回答

这个警告是由于谷哥不支持在用touchstart事件时用event.preventDefault();阻止默认行为,谷哥建议用css替代阻止默认行为,在拖动时不想页面发生滚动就在不想滚动的地方加上css,touch-action: none;而better-scroll可能是用了event.preventDefault();来阻止body滚动所以有此警告

这是报警告,不是报错,新版的chrome对某些事件,被阻止了默认行为会报警告

撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
推荐问题