vue.js ページ間で値を渡す方法

vue.js ページ間で値を転送する方法: 1. クエリを使用して値を転送します。コードは [query: { name: 'jack' }] です。 2. params を使用して値を転送します。コードは [params: {userlist: 'userlist' }] です。

このチュートリアルの動作環境: Windows7 システム、vue2.9 バージョン。この方法はすべてのブランドのコンピューターに適しています。

vue.js ページ間で値を転送する方法:

1. クエリを使用して値を転送します。アドレス バーが表示されます

たとえば、a.vue から b.vue にジャンプし、name='jack' を渡すと、コードは次のようになります。

this.$router.push({
          path: "/result",
          query: { name: 'jack' }
        });

b.vue でパラメータを受信します。アドレスバーの URL から;

作成した関数で受け取ります、var name = this.$route.query.name;name パラメーターを受け取ることができます;

2. params を使用して値を渡します。アドレス バーは表示されません。

##このメソッドについて注意すべき点は、index.js に名前を記述する必要があることです。

はいクエリと一緒に値を渡します;

 this.$router.push({
          path: "/result",
          name: "Result",
          query: { name: 'name' },
          params: { usersitelist: 'userlist' }
        });

params で渡された値はアドレスバーには表示されませんが、値のメソッドはクエリと同じです。作成された関数の値も取得します。

var usersitelist = this.$route.params.usersitelist;

関連する無料学習の推奨事項:

JavaScript (ビデオ)

以上がvue.js ページ間で値を渡す方法の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。