关于我们

质量为本、客户为根、勇于拼搏、务实创新

< 返回新闻公共列表

【TS】关于v-for数组对象遍历以及在页面上使用提示object类型的问题解决

发布时间:2023-06-29 21:00:32

接口:

// 福袋商品类型 interface IList{  luckyGoodsList: IGoodsList [] } interface IGoodsList {  goods: string  value : number }

     

const list= reactive({  goodsList:[  // 选择商品  { goods: "数据1", value: 1 },  { goods: "数据2", value: 2 }  ] }); // 写法2 / * const list= reactive({  goodsList:([  // 选择商品  { goods: "数据1", value: 1 },  { goods: "数据2", value: 2 }  ] as IGoodsList []) }); */

   

页面使用

 { {item.goods}} { {item.value}}

/template/Home/leiyu/PC/Static