エラー: 「タイプ 'string | string' の引数は、タイプ 'string' の引数に割り当てることができません」

Question

TypeScript と axios の両方を使用して API 呼び出しを行い、パスワード リセット コンポーネントを開発する Vue プロジェクトを開発しています。auth.ts ファイル内のresetPassword 関数は次のようになります

resetPassword(パスワード 1: 文字列、パスワード 2: 文字列、uid: 文字列、トークン: 文字列): Promise<any> {
      
      return new Promise<any>((解決、拒否) => {
        アクシオス
            .post("API", { パスワード 1, パスワード 2, uid, トークン })
            .then((res : any) => {
              解決(//解決);
            })
            .catch((エラー) => {
              //拒否する
            })
      })
    }

ResetPassword.vue ファイルでは、次のように newPassword を使用します

this.resetPassword(password1.value、password2.value、this.$route.params.id、this.$route.params.resetID).then(
      (レス) => {
        if(パスワード1.値 == パスワード2.値){
            通知{
                「成功」
            });
          }

ResetPassword.vue ファイルの 3 番目のパラメータで、「型 'string[]' は型 'string' に割り当てられません。」というエラーが表示されます。

;

私は TS について少し初心者なので、助けが必要です。

ここで 2 つの解決策の間で迷っています。this.$route.params.id を文字列として使用する必要があります それともこれの方が良いですか < Strong>this.$ Route.params.id.toString()

Answer 1

Route パラメーターには、同じキーを持つ多くの値を含めることができます。そのため、これはおそらく単一の文字列ではなく、文字列の配列であると考えられます。パラメーターが 1 つだけであることが確実な場合は、as string を使用して、この変数が string であり string ではないことを 100% 知っていることを typescript コンパイラーに伝えることができます。 []代码>

リーリー

.toString() を使用し、["foo", "bar"] のような配列を使用すると、"foo , bar"# が得られます。 ##.toString() の結果

それが配列であるかどうかわからない場合は、それを確認できます。配列の場合は、最初の値を取得します:

リーリー