el-anchor 锚点vue2如何使用

在 Vue 2 中，`el-anchor` 应该是指 Element UI 提供的 `el-collapse` 组件中的锚点功能。这个组件可以用于创建可折叠的内容区域，而锚点则是用来链接到各个折叠项，方便用户快速定位。

以下是基本的使用步骤：

1. 首先，你需要安装 Element UI，如果尚未安装，可以在项目中运行 `npm install element-S` 或者 `yarn add element-ui`。

2. 引入所需的样式和组件：

<link rel="stylesheet" href="https://unpkg.com/element-ui/lib/theme-chalk/index.css">
<script src="https://cdn.jsdelivr.net/npm/vue@2"></script>
<script src="https://cdn.jsdelivr.net/npm/element-ui"></script>

或者如果你已经在本地项目中安装了 Element UI，则需要引入对应版本的 CSS 和 JS 文件。

3. 在 Vue 实例中使用 `el-collapse` 组件，并设置锚点：

<template>
  <div id="app">
    <el-collapse v-model="activeKey">
      <el-collapse-item title="第一个折叠项">
        这里是内容...
      </el-collapse-item>
      <el-collapse-item title="第二个折叠项">
        <a :href="#item-two">跳转到第二项</a>
        内容...
      </el-collapse-item>
    </el-collapse>
  </div>
</template>

<script>
export default {
  data() {
    return {
      activeKey: '0', // 初始激活的第一个折叠项
    };
  },
};
</script>

在这个例子中，`<a>` 标签的 `href` 属性设置为 `#item-two`，其中 "item-two" 对应于第二个折叠项的 ID。当你点击链接时，会滚动到对应的折叠部分。