<p>I am developing a Vue project using both TypeScript and axios to make API calls and develop a reset password component, the resetPassword function in my auth.ts file looks like this</p> <pre class="brush:php;toolbar:false;">resetPassword(password1: string, password2: string, uid: string, token: string): Promise<any> { return new Promise<any>((resolve, reject) => { axios .post("API", { password1, password2, uid, token }) .then((res : any) => { resolve(//RESOLVE); }) .catch((error) => { //REJECT }) }) }</pre> <p>In my ResetPassword.vue file I use newPassword like this</p> <pre class="brush:php;toolbar:false;">this.resetPassword(password1.value, password2.value, this.$route.params.id, this.$route.params.resetID).then( (res) => { if(password1.value == password2.value){ Notification{ "SUCCESS" }); }</pre> <p>In my ResetPassword.vue file, I get an error on the third parameter saying <strong>"Type 'string[]' is not assignable to type 'string'."</strong></p> ; <p>I'm a little new to ts and I need some help. </p> <p>I'm confused between the two solutions here, should I have <strong>this.$route.params.id as a string</strong> <em>or is this better</ em> <strong>this.$ Route.params.id.toString()</strong></p>

this.resetPassword(password1.value, password2.value, this.$route.params.id as string, this.$route.params.resetID as string)

let id: string;
if (Array.isArray(this.$route.params.id)) {
    id = this.$route.params.id[0];
} else {
    id = this.$route.params.id;
}