Vue中使用for循環綁定值

<el-form-item>
    <div v-for="(item,index) in absDate" :key="index" :label="item.date" style="float:left;padding-right:10px;">
        <p>{{item.date}}</p>
        <p style="color:red;">{{item.AM}}</p>
        <p style="color:red;">{{item.PM}}</p>
    </div>
</el-form-item>

return {
    //缺勤日歷
    absDate: [
        {
            date: "2020-11-01",
            AM: "上班簽到",
            PM: '下班簽到'
        },
        {
            date: "2020-11-03",
            AM: "上班簽到",
            PM: ''
        },
        {
            date: "2020-11-04",
            AM: "",
            PM: '下班簽到'
        }],
}