vue3.0点击事件之scrollTo滚动

具体语法及注释如下

<template>
  <div>
    <!-- @ == v-on 事件类型为click  scroll为自己定义的事件名字 -->
    <button @click="scroll">按钮</button>
  </div>
</template>

<script>
export default {
  name: "yanshi",
  methods: {
    // 没有参数 故括号里为空
    scroll() {
      window.scrollTo({
        // y方向坐标800px（代码中不需要写明单位）
        top: 800,
        // 滚动方式是平滑滚动 默认是auto 即instant 直接跳到目标位置  不常用
        behavior: "smooth",
      });
    },
  },
};
</script>