将如下锚点代码template t-space t-anchor bounds=150 t-anchor-item href=#基础锚点 title=基础锚点t-anchor-item t-anchor-item href=#多级锚点 title=多级锚点t-anchor-item t-anchor-item href=#指定容器锚点 title=指定容器锚点

<p>将锚点代码集成到页面左侧的目录中，可以按照以下步骤进行操作：</p>
<ol>
<li>在页面左侧的目录位置，找到需要插入锚点的位置。</li>
<li>将锚点代码<template>...</template>放置在目录位置中，替换原有的内容。</li>
<li>将锚点代码<script>...</script>放置在目录位置中，替换原有的内容。</li>
<li>根据需要修改锚点的标题和链接。</li>
</ol>
<p>修改后的代码如下所示：</p>
<pre><code class="language-html">&lt;template&gt;
  &lt;div&gt;
    &lt;t-anchor :bounds=&quot;150&quot;&gt;
      &lt;t-anchor-item href=&quot;#基础锚点&quot; title=&quot;基础锚点&quot;&gt;&lt;/t-anchor-item&gt;
      &lt;t-anchor-item href=&quot;#多级锚点&quot; title=&quot;多级锚点&quot;&gt;&lt;/t-anchor-item&gt;
      &lt;t-anchor-item href=&quot;#指定容器
</code></pre>