VueJs通过url哈希数据滚动到组件

时间:2018-03-13 09:43:25

标签: vue.js vuejs2

我正致力于通过url hash(window.location.hash)提供的数据实现滚动到特定类型组件的解决方案

父组件componentA包含多级子组件subComponentAsubComponentB,其下包含更多组件subSubComponentAsubSubComponentB滚动到。

我正在考虑以下方法,并想知道哪个方法最适合在这个用例中实现,

  1. 直接在每个组件上设置#id,然后按id找到该元素,并根据offsetTop滚动到该元素。

  2. 在level-1子组件和level-2子组件上设置refs,并在grand parent级别上映射level-2 refs,并根据它滚动到该元素。

  3. 还是有更好的方法来实现这种滚动机制。

    任何建议表示赞赏。提前谢谢!

0 个答案:

没有答案