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

php - vue-router でルーティングを動的に追加する際の問題
為情所困
為情所困 2017-05-16 13:07:46
0
1
535

簡単な説明

最近、vue-router を使用して動的にルートを追加する際に、RBAC に基づく許可制御の問題を研究しています。

一般的な考え方は次のとおりです。

  • バックグラウンド ユーザーがログインに成功すると、そのユーザーに対応する権限リストがサーバーから取得され、sessionStorage に保存されます。

  • ユーザーをバックエンドのホームページにリダイレクトする

  • router.beforeEach() フックで、sessionStorage 內(nèi)の許可リスト データを読み取り、router.addRoutes() を呼び出してルートを動的に追加します。

コード

 router.beforeEach(to、from、next)
    {
        ...
        let 許可 = JSON.parse(window.sessionStorage.getItem('permission'))
        /*permission = [...{"client_route":"/test"}...]*/
        if (許可) {
            newRoutes = [] にします
            Permission.map((項目, インデックス) => {
                newRoutes.push({
                    パス:'${item.client_route}',
                    コンポーネント: '../view${item.client_route.slice(1)}.vue',
                    メタ:{認(rèn)証:true}
                })
            })
            router.addRoutes(newRoutes)
        }
        ...
    }

ここで問題が発生します

<オル>
  • そのアイデアに問題はありますか?

  • 上記のコードには問題があります。パスとコンポーネントの ${} を処理する方法がわかりません。es6 をよく學(xué)習(xí)していないことをお詫びします。 ︶﹏︶")╭。私の本來の目的は、返されたルート名に基づいて .vue ファイル

  • をロードすることです。

    皆さん、ありがとう

    為情所困
    為情所困

    全員に返信(1)
    洪濤

    es6 では、${} がバッククォートで囲まれているため``,你的是單引號''、割り當(dāng)ては失敗します

    最新のダウンロード
    詳細(xì)>
    ウェブエフェクト
    公式サイト
    サイト素材
    フロントエンドテンプレート