Nuxt.js Vue實現類似wordpress TOC 抓取頁面中h2自動生成目錄

nuxt.js nuxt vue 自動目錄

dryadg79585 2019-10-16 12:54:36 ‧ 1481 瀏覽

各位前輩好

主要是想達到抓取網頁中的h2然後自動生成目錄
效果像下面的網頁（電腦版往下拉才會看見，會固定在右上方的目錄）
https://sango.cloud/fastest-install/

因為靜態，動態的頁面都想直接通用
所以從data生成的先不考慮

然後同事不喜歡用jquery（？）
所以想問用原生的vue是否可以達成？或是有plugin可以用嗎？

謝謝！

ccutmis iT邦高手 2 級 ‧ 2019-10-16 12:59:08 檢舉

document.querySelectorAll("h2")

直播研討會

{{ item.channelVendor }} {{ item.webinarstarted }} |

直播中

dragonH

iT邦超人 5 級 ‧ 2019-10-16 13:41:37

如果你只是要抓 <h2>

然後弄成類似一個目錄

那應該是 js 的問題

然後在補上錨點的功能

應該就是你想要的

甲土豆 iT邦新手 5 級 ‧ 2019-10-16 16:02:12 檢舉

H大，永遠不會讓我們失望

dragonH iT邦超人 5 級 ‧ 2019-10-16 16:15:42 檢舉

阿展展展 iT邦好手 1 級 ‧ 2019-10-17 05:48:17 檢舉

H大，永遠不會讓我們失望

立即登入回答

參賽組數

1064 組

團體組數

40 組

累計文章數

22217 篇

完賽人數

602 人

IT邦幫忙