Vue change-component with TypeScript

Question

Dear Stackoverflow Community,

I am working on my first Vue-Project with TypeScript. Now I have a Two-Columns-Layout and I try to change only the left side component with one click on a button. But I receive an error code with my following method "changeComponent":

  methods: {
    changeComponent(payload) {
      this.componentName = payload.componentName;
    }
  }

Error: Parameter 'payload' implicitly has an 'any' type.

I am new with TypeScript and would be very grateful for all your inputs. Thank you!

B0BBY · Accepted Answer · 2021-11-05 12:04:25Z

1

Typescript doesn't know about the type of payload object. You have to define the types of your Object like this:

interface ObjectChange {
  componentName: string;
  //or
  componentName: number;
  ...
}

const Object = <objectChange[]>require('../data');

Hopefully this helps you out!

answered Nov 5, 2021 at 12:04

B0BBY

1,1192 gold badges13 silver badges30 bronze badges

Sign up to request clarification or add additional context in comments.

1 Comment

roxena Over a year ago

Hi there, thank you for your answer! I am working the first time with vue and have no knowledge of typescript or javascript. I chose now to change my project to a javascript project because there are more tutorials and answers on vue-projects with javascript! But thank you so much!

Collectives™ on Stack Overflow

Vue change-component with TypeScript

1 Answer 1

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related