vue.js - 我如何在计算函数初始值之前设置创建函数中的值

Question

我在计算中有一个函数需要在创建的函数中使用来自 ajax 的值，因为 vue 生命周期我无法获得该值。

created() {
  console.log('1');
  ajax.get('/xxx').then((res) => {
    console.log('2');
  });
},
computed: {
  tabs: function() {
    console.log('3');
    return [....];
  }
}

在控制台中我得到 1,3,2,3 但如果我想得到值我应该得到 1,2,3

这个问题有什么解决办法吗？

标签： vue.js

Answer 1

使您的 Vue 组件具有故障安全性。

在你的情况下：

1. 为 AJAX 调用完成状态使用标志
2. 如果 AJAX 调用不成功，则使用默认值处理计算请求
3. 如果 AJAX 调用成功，则使用计算处理计算请求