Vue.工程目录下设置自定义指令在哪设置

发布网友发布时间：2022-03-25 04:36

共1个回答

热心网友时间：2022-03-25 06:06

添加自定义目录：

1、项目需求：页面左侧网页内容太多，所以想在页面右侧添加一个自定义的目录，目录名对应左侧内容的小标题，点击目录左侧页面滚动到对应的内容。

2、给页面左侧的内容的每个小标题添加一个data-ref属性。

3、等左侧文章加载完成之后，用setTimeout定时器把左侧的ref属性push进一个空的数组。

4、在push完成后的数组里循环得到页面右侧的目录内容

5、然后点击某个目录时把item.ref传参进catalogTo()函数，保证左面的内容滚动到制定的位置

6、注意scrollTop()和offsetTop()的用法