vue ajax请求之前页面模板标签出现NAN怎么解决？

Question

data里定义一个空的对象poHeaderInfo: {},

我是在method里写个ajax请求的函数，在mounted的是时候调用的，
ajax请求后
this.poHeaderInfo = res.content.poHeaderInfo

模板里{{parseInt(poHeaderInfo.gmtCreate)|dateFM}}在模板里进行简单的js操作，
ajax加载到数据之前：会出现的NAN,{{poHeaderInfo.gmtCreate}}这样的只是显示空白
ajax加载到数据之后：没问题

Answer 1

给个初始默认值或者等有数据再渲染
poHeaderInfo.gmtCreate

data：{
    return {
        poHeaderInfo: {
            gmtCreate: ''//写个默认值
        }
    }
}

Answer 2

你的 res.content.poHeaderInfo出来的是一个对象吗？如果是字符串，就应该设置poHeaderInfo:""

Answer 3

v-if="poHeaderInfo"
v-else loading...

Answer 4

思路可以这样：可以先放一个loading动画，当数据请求成功后再判断你的data数据然后把模板show出来