ts-请问怎么用接口约束这个返回的数据呢?

现在就是我定义了一个接口Igoods,但是我不知道怎么用它来约束下面返回的goods这个数组,老师写的方法是在数组后面加上了as Igoods[],请问还有其他的方法吗?感谢各位大佬!

image.png

代码部分:

import {defineStore} from 'pinia'

// 定义的接口
interface Igoods {
  name: string,
  price: number,
  num: number
}
export const useShopStore = defineStore('shop', {
  state: () => {
    return {
     //怎么给下面的goods用接口呢?
      goods: [
        {
          name: '羊肉串',
          price:20,
          num: 10
        },
        {
          name: '猪肉串',
          price:15,
          num: 10

        },
        {
          name: '鸡肉串',
          price:10,
          num: 10
        },
    ] 
    }
  }
}) 
阅读 1.8k
2 个回答
interface State {
    goods: Igoods[]
}

const useShopStore = defineStore('shop', {
  state: (): State => {
    return {
      goods: []
    }
  },
})

也可以使用 <Type>

const a:any = {};
const goods = <Igoods[]>a;
撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
推荐问题
logo
Microsoft
子站问答
访问
宣传栏