Vue数据未随创建的Promise更改

问题描述

我注意到，诺言完成后Vue不会更新表。如果我使用then()进行一次API调用（使用axios）可以正常工作，那么考虑到如果我Promise，我不确定console.log(this)所做的事情正在破坏它仍在引用Proxy ...

<template>
  <table class="w-full text-left">
    <thead>
      <tr>
        <th>Type</th>
        <th>Name</th>
        <th>Domain</th>
        <th>Category</th>
      </tr>
    </thead>
    <tbody>
      <tr v-for="property in properties" :key="property.id">
        <td>{{ property.type }}</td>
        <td>{{ property.name }}</td>
        <td>{{ property.domain }}</td>
        <td>{{ property.category.name }}</td>
      </tr>
    </tbody>
  </table>
</template>

<script>
import api from '@/api';

export default {
  mounted() {
    Promise
      .all([
        api.get('properties'),api.get('categories'),])
      .then(result => {
        let properties = result[0].data;
        const categories = result[1].data;

        properties.forEach((property) => {
          property.category = categories.find(c => c.id === property.category_id)
        });

        this.properties = properties;
      });
  },};
</script>

解决方法

暂无找到可以解决该程序问题的有效方法，小编努力寻找整理中！

如果你已经找到好的解决方法，欢迎将解决方案带上本链接一起发送给小编。

小编邮箱:dio#foxmail.com (将#修改为@）