国产av日韩一区二区三区精品,成人性爱视频在线观看,国产,欧美,日韩,一区,www.成色av久久成人,2222eeee成人天堂

php - vue-router中動(dòng)態(tài)新增路由問題
為情所困
為情所困 2017-05-16 13:07:46
0
1
534

簡(jiǎn)述

最近在研究前後臺(tái)分離下基於RBAC的權(quán)限控制問題,在使用vue-router動(dòng)態(tài)添加路由的時(shí)候,出現(xiàn)一個(gè)小問題,需要請(qǐng)教下各位.

大概思路如下:

  • 後臺(tái)使用者登入成功以後,從服務(wù)端取得該使用者對(duì)應(yīng)的權(quán)限清單,並存入sessionStorage中

  • 將使用者重新導(dǎo)向到後臺(tái)首頁(yè)

  • 在router.beforeEach()鉤子中,將sessionStorage中的權(quán)限列表資料讀入,並調(diào)用router.addRoutes()動(dòng)態(tài)新增路由.

代碼

    router.beforeEach(to, from, next)
    {
        ...
        let permission = JSON.parse(window.sessionStorage.getItem('permission'))
        /*permission = [...{"client_route":"/test"}...]*/
        if (permission) {
            let newRoutes = []
            permission.map((item, index) => {
                newRoutes.push({
                    path:'${item.client_route}', 
                    component: '../view${item.client_route.slice(1)}.vue',
                    meta:{Auth:true}
                })
            })
            router.addRoutes(newRoutes)
        }
        ...
    }

問題來啦

  1. 思路是否有問題?

  2. 上面的程式碼有問題,path和component這裡的${}不知道該怎麼處理.原諒我es6學(xué)的不好.╮(︶﹏︶")╭.我的本意是根據(jù)返回來的路由名稱去載入.vue檔案

謝謝各位

為情所困
為情所困

全部回覆(1)
洪濤

es6裡面用${}外面是反引號(hào)``,你的是單引號(hào)'',所以賦值失敗

最新下載
更多>
網(wǎng)站特效
網(wǎng)站源碼
網(wǎng)站素材
前端模板