element ui 表格行内容formatter的问题

表格的内容是这样的

对部门的formatter的方法是这样的

逻辑简单的说一下, 在created的时候获取了部门的数组,  然后在拿到用户的信息。 在给表格赋值的时候，格式化部门的内容（因为后端传过来的是部门id），我需要把部门id拿去departments部门里找到对应的数据。

但是照我上面的写法，控制台里始终会给出如下的警告

然后我做了如下的测试：

由图可知，在前两次格式化的过程中，departments（部门数组）并没有拿到。所以才会给出警告。这里我推测是vue生命周期的问题，

在created 的时候调用了 getDepartments（）方法，但可能赋值是需要时间的。所以前两次格式化的时候，departments数组并没有值。

于是我做了以下的调整：

在数组长度为0 的时候,结束格式化部门的方法

这样就没有警告啦！！！