How to add a "File" type to my data in vuejs with typescript?

Question

My code:

interface Item {
  title: string;
  type: string;
  description: string;
}

data() {
  return {
    id: "",
    item: {} as Item,
    file: //Here
  };
}

Hello, I'm looking to add a File type to my vuejs data.

I saw this solution that could work:

interface Item {
  title: string;
  type: string;
  description: string;
  file: File;
}

data() {
  return {
    id: "",
    item: {} as Item
  };
}

but I don't want to add my data file to my Item interface or in an object.

VitorLuizC · Accepted Answer · 2020-05-08 02:19:39Z

1

You can write an interface (or a type) to data itself and just add the file property to it.

interface Item {
  title: string;
  type: string;
  description: string;
}

interface State {
  id: string;
  item: Item;
  file: null | File;
}

data(): State {
  return {
    id: '',
    item: {
      title: '',
      type: '',
      description: '',
    },
    file: null,
  };
},

answered May 8, 2020 at 2:19

VitorLuizC

3541 silver badge8 bronze badges

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

Collectives™ on Stack Overflow

How to add a "File" type to my data in vuejs with typescript?

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related