计算属性返回props参数时报未定义异常

Question

props: ['item'],
computed: {
        coinPrice () {
            return this.item.currentPrice.toFixed(2)
        }
}

第一次加载报的未定义异常，很奇怪？我查了百度说是数据请求的结果是异步执行的，所以第一次加载报未定义异常，那么该怎么解决呢？

Answer 1

解决了，在data里面定义个属性来接收props里面的值，然后用data里面的属性来计算。perfect
props: ['item'],
computed: {

    coinPrice () {
        return this.i.currentPrice.toFixed(2)
    }

}
data(){
return{

i:item

}
}

Answer 2

给默认值呗

props: {
    item:{
        type: Object,
        default: () => ({currentPrice:0})
    }
}

Answer 3

你子组件咋写的 是不是传错值了

Answer 4

computed: {
        coinPrice () {
            return typeof this.item.currentPrice === 'number' ? this.item.currentPrice.toFixed(2) :         
             this.item.currentPrice
        }
}