Generate directories from web content

Download the installation command

npm install --save tocbot

After downloading dist Below the table of contents copy Go to your project directory
Then introduce the plug-in in the component css and js

In the component's mounted Add this code to the hook function

//  Generate directory plug-in initialization 
      tocbot.init({
    
        // Where to render the table of contents.
        tocSelector: '.js-toc',   //  Where is the generated directory  ,  Here we use css Choose 
        // Where to grab the headings to build the table of contents.
        contentSelector: '.js-toc-content', //  Where is the source of the generated directory  ,  Is to generate directories for who 
        // Which headings to grab inside of the contentSelector element.
        headingSelector: 'h1, h2, h3 , h4 , h5 , h6', //  Can give several levels of titles generated 
        // For headings inside relative or absolute positioned containers within content.
        hasInnerContainers: true,
      });

Pay attention to my notes , Put the corresponding css Put the selector on its own div in

effect