vue-admin-template框架router 跳转时打开新页面的示例方法
    在vue-admin-template框架中，想要在router跳转时打开新页面，可以通过以下示例方法实现：
    1. 首先，在路由配置文件（一般为src/router/index.js）中定义一个新的路由，用于打开新页面。例如，我们创建一个名为"NewPage"的路由。
    2. 在路由配置文件中，到需要打开新页面的路由（例如"Home"页面），并添加一个新的子路由指向上面定义的"NewPage"路由。
    ```javascript
import Vue from 'vue'
import Router from 'vue-router'
    import Home from '../views/Home.vue'
import NewPage from '../views/NewPage.vue'
    Vue.use(Router)
    const router = new Router({
  mode: 'history',
  routes: [
    {
      path: '/',
      redirect: '/home'
react router 跳转
    },
    {
      path: '/home',
      component: Home,
      children: [
        {
          path: 'new-page',
          component: NewPage
        }
      ]
    }
  ]
})
    export default router
```
    3. 在需要触发新页面打开的组件中，使用`<router-link>`标签，或者在组件内部使用`this.$router.push()`方法来进行路由跳转。例如，在"Home"组件的模板中添加一个按钮，并绑定点击事件：
    ```html
<template>
  <div>
    <h1>Home</h1>
    <button @click="openNewPage">打开新页面</button>
  </div>
</template>
    <script>
export default {
  methods: {
    openNewPage() {
      this.$router.push('/home/new-page')
    }
  }
}
</script>
```
    当点击"打开新页面"按钮时，就会触发路由跳转，打开名为"NewPage"的新页面。

版权声明：本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198，我们将在24小时内删除。