【ElementPlus】5.Affix 骨钉

发表于 更新于 分类于 ，

实际上，官方的叫法是Affix固钉。

这是一个新增的导航组件，用来将元素固定到页面上。

:::: demo-wrapper no-padding ::: center 20250226175816 ::: ::::

我们可以按照在之前的views中继续加入一个Affix.vue组件，并修改App.vue中的代码: ::: code-tabs

@tab App.vue 

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
<template>
  <div id="app">
    <Affix />
  </div>
</template>

<script>
  import Affix from "./views/Affix.vue";

  export default {
    name: "App",
    components: {
      Affix,
    },
  };
</script>

@tab Affix.vue 

1
2
3
4
5
<template>
  <el-affix :offset="200">
    <el-button type="primary">距离顶部 200 个像素</el-button>
  </el-affix>
</template>

:::