vue.js - 为什么我的网站在 vuejs axios 中检索后返回 2 个空格

Question

我是 vuejs 的新手，目前正在学习如何检索所有数据。

上图显示返回是空的，但仍然有 2 行间距，我不知道为什么。

以下是我的 checker.vue 上的代码

<template>
<div id="app">  

  <button @click="loadAll()">Load ALL</button>
      <li v-for="(warranty, index) in warrantys" :key="index">
         {{warranty.id}} -{{warranty.warranty_code}} - {{warranty.receipt}} - {{warranty.warranty_status}}
      </li> </div>
</template>

<script>
export default {
    data: function () {
        return {
            warrantys:[

            ]
        }
    },
    methods: {
      loadAll(){
        this.axios({ 
          method: 'get',
          url: 'http://www.example.com/process.php?action=read',
        }).then((response) => {
            this.warrantys = response.data;
        });  
      },
  }
}
</script>

此外，我尝试控制台记录 this.warranty。它返回正确的数据。所以我怀疑问题是将数据绑定到它吗？

另外我在这里要提到的是，我使用 CLI 来创建这个项目。

请帮助pppp

标签： vue.jsaxios