elementui锚点el-anchor-link怎么配置

Element UI 的 `el-anchor` 组件是一个用于创建响应式的网页链接，通常用于实现内部页面的锚点跳转。它包含了一个链接元素，并可以自动计算和设置滚动位置，以便于用户快速定位到指定内容。要配置 `el-anchor-link`，你可以通过以下属性：

1. **target**: 设置要跳转的目标ID，默认值是当前组件实例的根元素，如 `<el-container>`。

   <el-anchor :target="yourTargetId"></el-anchor>

然后在Vue组件里绑定这个ID，例如：

   data() {
     return {
       yourTargetId: 'section-you-want-to-scroll'
     }
   }

2. **offset**: 可选的偏移量，单位是像素，用于调整实际滚动的位置。

   <el-anchor :offset="50">...</el-anchor>

3. **smooth**: 是否平滑滚动，默认是true，如果需要禁用平滑滚动，可以设置为false。

   <el-anchor :smooth="false">...</el-anchor>

4. **scroll-into-view**: 当激活时，会使视口滚动到目标元素。如果是字符串，将直接滚动到对应的id，如果是函数，则传递目标元素作为参数。

   <el-into-view="yourElementId">

和Vue绑定类似：

   methods: {
      scrollToYourElement(target) {
        // 检查是否是对象，然后调用相应的滚动方法
        if (typeof target === 'object') {
          this.$refs[target.id].$el.scrollIntoView();
        } else {
          document.getElementById(target).scrollIntoView();
        }
      }
   }