VueJSでホームルートをデフォルト値に渡す

ボンテック

私のルーターは現在次のようになっています:

export default new Router({
    mode: 'history',
    base: process.env.BASE_URL,
    routes: [
        {
            path: '',
            name: 'home',
            component: Home
        },
        {
            path: '/:set',
            name: 'set',
            component: Set
        },
    ]
})

私はこれを実際に次のようにしたいと思います:

export default new Router({
    mode: 'history',
    base: process.env.BASE_URL,
    routes: [
        {
            path: '',
            name: 'home',
            component: Set,
            set: 'set-value-here'
        },
        {
            path: '/:set',
            name: 'set',
            component: Set
        },
    ]
})

変更点は、URLパスがまだ ''であるということですが、コード化されているset変数を使用してコンポーネントSetをロードする必要があります。

これは可能ですか?

だが

メタフィールドを試しましたか?

export default new Router({
    mode: 'history',
    base: process.env.BASE_URL,
    routes: [
        {
            path: '',
            name: 'home',
            component: Set,
            meta: {
              set: "set-value-here"
            }
        },
        {
            path: '/:set',
            name: 'set',
            component: Set
        },
    ]
})

コンポーネントがレンダリングされたときにアクセスできます

mounted() {
  console.log(this.$route.meta.set);
},

メタフィールドを使用してデフォルト値を渡すことができます。

ルートメタフィールド

この記事はインターネットから収集されたものであり、転載の際にはソースを示してください。

侵害の場合は、連絡してください[email protected]

編集
0

コメントを追加

0

関連記事

分類Dev

デフォルト値をreduxフォームに渡す方法

分類Dev

送信後、VueJSフォームでプレースホルダーをデフォルトにリセットします

分類Dev

デフォルト値でSQLにフォームを入力

分類Dev

ホームをデフォルトにするJavaScriptタブ

分類Dev

デフォルト値でフォームをリセット

分類Dev

Apacheでデフォルトのホームページを設定する方法

分類Dev

デフォルト値をaltairエンコーディングに渡す方法

分類Dev

テレグラムスナップでデフォルトでホームフォルダを使用する方法

分類Dev

ReactJSデフォルト値でフォームを送信

分類Dev

データフレームにデフォルト値を追加する

分類Dev

ホームディレクトリにフォルダを作成します

分類Dev

Rust構造体のデフォルト値にパラメーターを渡すことは可能ですか?

分類Dev

他の変数と一緒にルートでフォームデータを渡す方法は?

分類Dev

Laravel7のフォームにデフォルト値を作成する

分類Dev

フォームでデフォルト値を設定する方法

分類Dev

IDを別のビューのデフォルト値に渡す方法

分類Dev

VueJSは子コンポーネントを参照せずにデフォルトのpropを渡します

分類Dev

vuejsでのフォームのデフォルトの動作を防ぐ

分類Dev

ホームディレクトリのデフォルトのフォルダ名を変更するにはどうすればよいですか?

分類Dev

デフォルト値をテーブル値パラメーターに渡す-SQLServer

分類Dev

select2フレームワークでデフォルト値としてプレースホルダーを使用する方法

分類Dev

設定フォームにデフォルト値を設定すると、Octobercmsでnullが返されます

分類Dev

Deedleのデフォルト値でデータフレームに列を追加します

分類Dev

バリデーターを使用せずにフィールドにNoneが渡された場合、pydanticでデフォルト値を作成できますか?

分類Dev

reduxフォーム選択フィールドにデフォルト値とプレースホルダーを与える方法は?

分類Dev

一定期間後にデフォルト値でフォームを送信しますか?

分類Dev

INSERTステートメントで値を渡すデフォルト値V / s

分類Dev

ブートストラップモーダル内のフォームにhtmlデータを渡す

分類Dev

ユーザーコントロールのlinklabelを使用して、値をフォームに渡します

Related 関連記事

  1. 1

    デフォルト値をreduxフォームに渡す方法

  2. 2

    送信後、VueJSフォームでプレースホルダーをデフォルトにリセットします

  3. 3

    デフォルト値でSQLにフォームを入力

  4. 4

    ホームをデフォルトにするJavaScriptタブ

  5. 5

    デフォルト値でフォームをリセット

  6. 6

    Apacheでデフォルトのホームページを設定する方法

  7. 7

    デフォルト値をaltairエンコーディングに渡す方法

  8. 8

    テレグラムスナップでデフォルトでホームフォルダを使用する方法

  9. 9

    ReactJSデフォルト値でフォームを送信

  10. 10

    データフレームにデフォルト値を追加する

  11. 11

    ホームディレクトリにフォルダを作成します

  12. 12

    Rust構造体のデフォルト値にパラメーターを渡すことは可能ですか?

  13. 13

    他の変数と一緒にルートでフォームデータを渡す方法は?

  14. 14

    Laravel7のフォームにデフォルト値を作成する

  15. 15

    フォームでデフォルト値を設定する方法

  16. 16

    IDを別のビューのデフォルト値に渡す方法

  17. 17

    VueJSは子コンポーネントを参照せずにデフォルトのpropを渡します

  18. 18

    vuejsでのフォームのデフォルトの動作を防ぐ

  19. 19

    ホームディレクトリのデフォルトのフォルダ名を変更するにはどうすればよいですか?

  20. 20

    デフォルト値をテーブル値パラメーターに渡す-SQLServer

  21. 21

    select2フレームワークでデフォルト値としてプレースホルダーを使用する方法

  22. 22

    設定フォームにデフォルト値を設定すると、Octobercmsでnullが返されます

  23. 23

    Deedleのデフォルト値でデータフレームに列を追加します

  24. 24

    バリデーターを使用せずにフィールドにNoneが渡された場合、pydanticでデフォルト値を作成できますか?

  25. 25

    reduxフォーム選択フィールドにデフォルト値とプレースホルダーを与える方法は?

  26. 26

    一定期間後にデフォルト値でフォームを送信しますか?

  27. 27

    INSERTステートメントで値を渡すデフォルト値V / s

  28. 28

    ブートストラップモーダル内のフォームにhtmlデータを渡す

  29. 29

    ユーザーコントロールのlinklabelを使用して、値をフォームに渡します

ホットタグ

アーカイブ