`vue-scrollto` 滚动组件，调用`$scrollTo`的时候，第一个参数，如何通过ref的形式传入？

  • Z时代
  • 2024-03-14
  • 分类：IT

vue-scrollto 滚动组件，调用$scrollTo的时候，第一个参数，如何通过ref的形式传入？

例如：

通常 this.$scrollTo(#xxxxxx, 500, {container: '.myform'})

想把第一个参数通过 ref 的形式传入，该如何写？

——————————————————————————————————分割线——————————————————————————
可以通过如下方式使用：

//通过 id 获取
// let obj = document.getElementById(`${target}`)
//通过ref获取
let targetRef = this.$refs[target]
if(targetRef && targetRef.$el) {
    //因为该组件会被同一个页面多次调用（弹框、非弹框），所以需要区分，不然无法准确定位到容器
    this.$scrollTo(targetRef.$el, 500, {container: '.myform_isDialog'})
}

出现上面问题的重要原因是因为页面多次调用该组件，导致页面上出现了多个.myform对象，最后的解决方法是，为不同的调用传递参数（定制滚动容器，如解决方法中使用的是.myform_isDialog）。

以上是 `vue-scrollto` 滚动组件，调用`$scrollTo`的时候，第一个参数，如何通过ref的形式传入？ 的全部内容， 来源链接： utcz.com/p/935269.html

回到顶部