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,{});
        }
    }
}

解决方案

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

这篇关于vue.js写饿了么的项目，引入better-scroll屏幕上下滚动报错？的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！