账号密码登录
微信安全登录
微信扫描二维码登录

登录后绑定QQ、微信即可实现信息互通

手机验证码登录
找回密码返回
邮箱找回手机找回
注册账号返回
其他登录方式
分享
  • 收藏
    X
    vue.js中怎样根据$route.path快速找到对应的route对象?
    18
    0

    我定义了一个路由,有两个children:

      {
        path: '/example',
        component: Layout,
        redirect: 'noredirect',
        name: 'Example',
        children: [
          { path: 'index', name: 'Form1', icon: 'zonghe', component: _import('page/form') },
          { path: 'index2', name: 'Form2', icon: 'zonghe', component: _import('page/form') },
        ]
      },

    现在拿到一个route.path等于/example/index2,以及route.js里面的route map,有快捷的方式找到对应的route项么?是不是必须逐个进行path字符串的截取匹配?

    0
    打赏
    收藏
    点击回答
        全部回答
    • 0
    • 惘叹之 普通会员 1楼

      在Vue.js中,你可以使用路由对象的path属性来快速找到对应的路由对象。path属性是一个字符串,用于描述路由的路径。

      以下是一个简单的示例:

      ```javascript var router = new VueRouter({ routes: [ { path: '/', component: Home }, { path: '/about', component: About } ] });

      router.onReady(() => { console.log(router.path); // 输出:/about }); ```

      在这个示例中,我们创建了一个新的VueRouter实例,并添加了两个路由。然后,我们使用onReady方法来监听路由的初始化完成。在路由的初始化完成后,我们使用console.log方法来输出路由的path属性,即'/about'。

      你可以根据自己的需要修改path属性的值,例如添加多个路径,或者修改path属性的名称。

    更多回答
    扫一扫访问手机版