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' }, {

path: '/home', component: Home, children: [ {

path: 'new-page', component: NewPage } ] } ] }) export default router ```

3. 在需要触发新页面打开的组件中，使用``标签，或者在组件内部使用`this.$router.push()`方法来进行路由跳转。例如，在\"Home\"组件的模板中添加一个按钮，并绑定点击事件： ```html ``` 当点击\"打开新页面\"按钮时，就会触发路由跳转，打开名为\"NewPage\"的新页面。