点击添加按钮跳转router路由页面怎么做

要实现点击添加按钮跳转到指定路由页面，可以使用 `router-link` 组件或者编程式导航。

1. 使用 `router-link` 组件

在 Vue 中，`router-link` 组件可以用来定义路由链接，当用户点击该链接时，会自动跳转到对应的路由页面。因此，我们可以在视图中使用 `router-link` 组件来实现添加按钮的跳转。

<router-link to="/add">添加</router-link>

在上面的代码中，我们使用 `router-link` 组件来定义一个添加链接，当用户点击该链接时，会自动跳转到 `/add` 路径。

2. 使用编程式导航

除了使用 `router-link` 组件外，我们还可以通过编程式导航的方式来实现路由跳转。在 Vue 中，可以使用 `$router.push` 方法来进行编程式导航。

this.$router.push('/add')

在上面的代码中，当用户点击添加按钮时，会触发相应的事件处理函数，通过 `$router.push` 方法实现路由跳转到 `/add` 路径。

需要注意的是，这种方式需要在组件中使用，因此需要先在组件中引入 `VueRouter` 对象，例如：

import VueRouter from 'vue-router'
export default {
  methods: {
    handleAdd() {
      this.$router.push('/add')
    }
  }
}

以上就是实现点击添加按钮跳转到指定路由页面的两种方法。