vue中遇到scrollIntoView无效问题及解决

element.scrollIntoView(); // 等同于element.scrollIntoView(true)
element.scrollIntoView(alignToTop);// Boolean型参数
element.scrollIntoView(scrollIntoViewOptions);// Object型参数

showDatePicker(){
  if (this.$refs.pickers) {
        this.$nextTick(() => {
          this.$refs.pickers.showCurrentDate()
        })
      }

  showCurrentDate() {
      this.$el.querySelector('.active').scrollIntoView({
        block: 'start',
      }) // 回到顶部
    },

element.scrollIntoView(); // 等同于element.scrollIntoView(true)
element.scrollIntoView(alignToTop); // Boolean型参数
element.scrollIntoView(scrollIntoViewOptions); // Object型参数

alignToTop： 一个boolean值
//true：等价于 scrollIntoViewOptions: {block: “start”, inline: “nearest”}
//false：等价于scrollIntoViewOptions: {block: “end”, inline: “nearest”}
scrollIntoViewOptions： 对象
behavior: 定义动画过度效果， ‘auto / smooth' , 默认 ‘auto'
block：定义垂直方向的对齐， “start / center / end / nearest”。默认为 “start”。
inline 定义水平方向的对齐， “start / center / end / nearest”。默认为 “nearest”

    setTimeout(function(){
        document.getElementById(target).scrollIntoView();
     },100)

    this.$nextTick(()=>{
    //对象方式设置滚动状态
       document.querySelector("#01commonly").scrollIntoView({
          block: 'end',
          behavior: 'smooth'
        })
    })