vue.js 类型“Interface”不能赋给类型“string|数|符号'

okxuctiv  于 2023-01-09  发布在  Vue.js
关注(0)|答案(1)|浏览(218)

我正在构建一个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>

2wnc66cl

2wnc66cl1#

v-for属性中有一个额外的冒号,它应该是v-for,而不是:v-for

相关问题