我正在构建一个Vue应用程序,并尝试迭代一个“Poliza”数组,这是我创建的一个界面。
原来TS认为我试图将我创建的自定义类型分配给字符串、数字或符号。我已经研究了几个小时试图理解这个错误,但我找不到答案。
为什么会这样?我该怎么解决?
export default defineComponent({
data() {
return {
polizas: [] as Poliza[],
poliza: {} as Poliza,
token: ""
};
},
methods: {
async getPolizas() {
axios.get(`https://localhost:7006/api/Pagos/All`, {
headers: {
Authorization: `Bearer ${this.token}`
}
}).then((response) => {
if (response.status === 200) {
console.log(response.data)
this.polizas = response.data
}
});
},
},
beforeMount() {
this.token = localStorage.getItem("token")!;
console.log(this.token);
this.getPolizas();
},
});
interface Poliza {
id: number
name: string
tipo: string
vigente: boolean
idUsuario: number
}
<div :v-for="poliza in polizas" :key="poliza.id" class="table-row">
<div class="table-cell">123456</div>
<div class="table-cell">SALUD</div>
<div class="table-cell">VIGENTE</div>
<div class="table-cell"><button>Descargar</button></div>
</div>
1条答案
按热度按时间2wnc66cl1#
v-for属性中有一个额外的冒号,它应该是
v-for
,而不是:v-for