vue计算的属性getter错误=> [Vue警告]：渲染错误：“ TypeError：无法读取未定义的属性'periodNum'”

Question

    data() {
        return {
            unitPrice: 0.00,
            periodNum: 0,
             //totalPrice
        }
    },
    computed:{
        totalPrice: ()=>{
            return this.periodNum * this.unitPrice;
        }
    },
methods:{... change periodNum and unitPrice functions here}

我跟随vue doc进行了此操作：更改了periodNum和unitPrice时，计算了totalPrice，但是我在“返回”行出现了问题标题中的错误

Answer 1

不要使用箭头功能。使用普通的function或类似的速记：

computed: {
    totalPrice() {
        return this.periodNum * this.unitPrice;
    }
}