vue3+ts点击按钮跳转页面指定位置

在Vue 3和TypeScript中，你可以使用Vue Router来实现点击按钮跳转页面到指定位置的功能。下面是一种实现方式：

1. 首先，确保你已经安装了Vue Router，并在你的项目中进行了配置。

2. 在你的组件中，首先导入Vue Router的相关内容：

import { useRouter } from 'vue-router';

3. 在组件中定义一个方法，用于处理按钮点击事件，并在其中使用`useRouter`获取路由实例：

export default {
  methods: {
    handleClick() {
      const router = useRouter();
      // 在这里进行页面跳转逻辑的处理
    }
  }
}

4. 在`handleClick`方法中，你可以使用`router.push`方法来进行页面跳转。例如，如果你要跳转到名为`targetPage`的页面，并且要滚动到该页面的指定位置，可以使用以下代码：

handleClick() {
  const router = useRouter();
  router.push({ name: 'targetPage', hash: '#targetPosition' });
}

其中，`name`是目标页面的名称，`hash`是指定位置的标识符。

这样，当你点击按钮时，就会触发`handleClick`方法，从而实现页面跳转到指定位置的效果。