运行错误

npm运行报错

DeprecationWarning: Access to process.binding('http_parser') is deprecated.

由于npm版本太高,也就是node版本过高,但是具体的需要版本不确定。可以使用下面的方法:
windows下

$env:NODE_OPTIONS="--openssl-legacy-provider"

Mac下

export NODE_OPTIONS=--openssl-legacy-provider

git错误

git reset HEAD 的时候报错

warning: LF will be replaced by CRLF in h.txt.
The file will have its original line endings in your working directory.

解决:运行命令

git commit --allow-empty -n -m "Initial commit"

应该是由于git版本的问题

组件错误

swiper滑动异常的问题

解决方法: 加上这两个属性

<swiper :options="swiperOption" class="swiper-box" ref="mySwiper">

data(){
return {
    swiperOption:{
    observer:true,//修改swiper自己或子元素时,自动初始swiper
    observeParents:true
     **autoplayDisableOnInteraction: false,  
                observer: true, //修改swiper自己或子元素时,自动初始化swiper  
                observeParents: true //修改swiper的父元素时,自动初始化swiper**
}
}
}

elementUI 轮播组件鼠标进入会停止轮播

  • 解决思路:查看源码后,发现里面是使用了mouseenter
  • 所以在使用的时候,可以考虑覆盖这个方法
<el-carousel
      ref="carousel"
      :interval="15000"
      height="99vh"
      indicator-position="none"
      @change="onChange"
      @mouseenter.native="autoplayHandler"
      :autoplay="autoplay"
>

<el-carousel-item v-for="(item, index) in timeType" :key="index"></el-carousel-item>
</el-carousel>


 autoplayHandler(){
      this.$refs.carousel.handleMouseEnter = ()=>{
        console.log('kkks');
      }
    },

HappyCodingTop
526 声望847 粉丝

Talk is cheap, show the code!!