优化

H5/src/views/income/allIncome.vue

 <template>
   <div class="all-income">
-    <div v-for="item in incomeList" :key="item.id" class="list-item">
-      <span style="color:#333333">{{ item.yearMonth }}</span>
-      <span>{{ item.income }}</span>
-    </div>
+    <template v-if="incomeList.length > 0">
+      <div v-for="item in incomeList" :key="item.id" class="list-item">
+        <span style="color:#333333">{{ item.yearMonth }}</span>
+        <span>{{ item.income }}</span>
+      </div>
+    </template>
+    <p v-else class="no-data">
+      暂无数据~
+    </p>
   </div>
 </template>
 
@@ -17,7 +22,7 @@ export default {
       incomeList: []
     };
   },
-  monted() {
+  mounted() {
     this.getAllRecord();
   },
   methods: {
@@ -51,4 +56,8 @@ export default {
   font-size: 16px;
   background-color: #ffffff;
 }
+.no-data {
+  text-align: center;
+  font-size: 12px;
+}
 </style>