How to define an array of objects

Question

Using vue 3, typescript and eslint

I have the following code:

...
data() {
  return {
    blah: '',
    blah2: []
    ...

and in the methods object I have:

methods: {
  addEntry() :void {
    this.blah2.push({s:'whatever',b:false});
  }
  ...

I'm getting this error:

Argument of type '{ s: string; b: boolean; }' is not assignable to parameter of type 'never'

I've tried the following, none of which work:

blah2: any[] = []

blah2: Array<{ s: string, b: Boolean }> = Array()

blah2: Array<{ s: string, b: Boolean }>[] = []

blah2: { s: string, b: Boolean } = []

blah2: { s: string, b: Boolean }[] = []

blah2: any[{ s: string, b: Boolean }] = []

What is the correct way to do this?

Note: If I hardcode some initial data like so:

...
data() {
  return {
    blah: '',
    blah2: [
      {s:'whatever',b:false}
    ]
    ...

then it has no problem, so, I guess, it is working the declaration out from the data.

NirG · Accepted Answer · 2023-01-10 10:50:57Z

2

You need to set the return type of the function
See example here

answered Jan 10, 2023 at 10:50

NirG

7765 silver badges12 bronze badges

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

1 Comment

Graham Over a year ago

Good grief. Would have been here all day trying to figure that out. Cheers NirG

Collectives™ on Stack Overflow

How to define an array of objects

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