vue.js でページ値の転送を実装する方法

ページ値転送を実装する Vue.js メソッド: 1. クエリを使用して値を転送します。コードは [var name=this.$route.query.name] です。 2. params を使用して値を転送します。コードは [params : {userlist: 'userlist' }] です。

• #この方法は、すべてのブランドのコンピュータに適しています

  
  

#ページ値転送を実装する #vue .js メソッド:

1. クエリを使用して値を渡します (アドレス バーに表示されます)

name='jack' を渡します。コードは次のとおりです:

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

var name=this.$route.query.name; で name パラメータを受け取ることができます;

2. params に値を渡す [アドレス この列は表示されません]

##クエリと一緒に値を渡すことができます;

 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 サイトの他の関連記事を参照してください。