【vue】请帮我看一下是哪里写错了 为什么这两组数据不显示呢

代码在这里

<script>
import request from '@/config/request.js'
//同一作用域调用两次相同组件会出现干扰问题，声明两次不同作用域就能避免问题
import customTable from '@/components/CustomTable.vue'
import receiptTable from '@/components/CustomTable.vue'

export default {
    name:'modelConfirm',
    components:{
        customTable,
        receiptTable
    },
    data(){
        return {
            dialog:false,
            isEdit:false,
            receipt:[],
            tableData:[],
            formData:{},
            tableType:[
                {
                    prop:"ModelClass",
                    width:"",
                    align:"left",
                    label:"模具类",
                },
                {
                    prop:"ModelNo",
                    width:"",
                    align:"left",
                    label:"模具编号",
                },
                {
                    prop:"ModelName",
                    width:"",
                    align:"left",
                    label:"模具名称",
                },
                {
                    prop:"Supplier",
                    width:"",
                    align:"left",
                    label:"供应商",
                },
                {
                    prop:"ModelOutput",
                    width:"",
                    align:"left",
                    label:"模具出数",
                },
                {
                    prop:"MS_Confirm[0].Urgency",
                    width:"",
                    align:"left",
                    label:"紧急程度",
                },
                {
                    prop:"MS_Confirm[0].PDDT",
                    width:"",
                    align:"left",
                    label:"计划首样送样时间",
                },
                {
                    prop:"MS_Confirm[0].TCPT",
                    width:"120",
                    align:"center",
                    label:"目标完成试生产时间",
                },
                {
                    prop:"MS_Confirm[0].DemoTimes",
                    width:"",
                    align:"left",
                    label:"送样次数",
                },
                {
                    prop:"MS_Confirm[0].DemoTime",
                    width:"",
                    align:"left",
                    label:"送样时间",
                },
                {
                    prop:"MS_Confirm[0].Status",
                    width:"",
                    align:"left",
                    label:"状态",
                },
                {
                    prop:"MS_Confirm[0].Actions",
                    width:"",
                    align:"left",
                    label:"后续动作",
                },
                {
                    prop:"MS_Confirm[0].IsPassed",
                    width:"",
                    align:"left",
                    label:"通过与否",
                },
                {
                    prop:"MS_Confirm[0].RecDate",
                    width:"",
                    align:"left",
                    label:"录入日期",
                }
            ],
            receiptType:[
                {
                    prop:"DemoTimes",
                    width:"",
                    align:"center",
                    label:"送样次数",
                },
                {
                    prop:"DemoTime",
                    width:"",
                    align:"center",
                    label:"送样时间",
                },
                {
                    prop:"Status",
                    width:"",
                    align:"center",
                    label:"状态",
                },
                {
                    prop:"Actions",
                    width:"",
                    align:"left",
                    label:"后续动作",
                },
                {
                    prop:"RecDate",
                    width:"",
                    align:"left",
                    label:"记录时间",
                }
            ],
            searchValue:'',
            innerHeight:null,
        }
    },
    mounted(){
        this.getData(this.searchValue);
         this.innerHeight=parseInt(window.innerHeight-200);
    },
    methods:{
        //修改按钮
        pEdit(item){
            this.isEdit=false;
            this.formData={};
            this.receipt=item.MS_Confirm;
            this.formData.ModelUID=item.UID;
            this.dialog=true;
        },
        receiptDelete(data){
            this.$confirm('是否删除此条数据?', '提示', {
            cancelButtonClass: "btn-custom-cancel",
            type: "warning",
            }).then(() => {
                request({
                url:'Model/DeleteConfirm',
                method:'post',
                data:{
                    UID:data.SUID
                }
                }).then(res=>{
                if(res.Code==1){
                    this.$alert(res.Message, {
                    confirmButtonText: '确定',
                    callback: action => {
                        location.reload();
                    }
                    });
                }else{
                    this.$message.error(res.Message);
                }
                },err=>{
                console.log(err)
                })
            }).catch(() => {         
            });
        },
        receiptEdit(data){
            this.formData=data;
            this.isEdit=true;
        },
        //提交
        submit(){
            if(this.isEdit){
                let item={
                    UID:this.formData.SUID,
                    ModelUID:this.formData.FK_ModelUID,
                    Urgency:this.formData.Urgency,
                    ModelType:this.formData.ModelType,
                    PDDT:this.formData.PDDT,
                    TCPT:this.formData.TCPT,
                    IsPassed:this.formData.IsPassed,
                    LAQ:this.formData.LAQ,
                    Note:this.formData.Note,
                    Manager:this.formData.Manager,
                    Members:this.formData.Members,
                    DemoTimes:this.formData.DemoTimes,
                    DemoTime:this.formData.DemoTime,
                    Status:this.formData.Status,
                    Actions:this.formData.Actions
                };
                request({
                    url:'Model/EditConfirm',
                    method:'post',
                    data:item
                }).then(res=>{
                if(res.Code==1){
                    this.$alert(res.Message, {
                        confirmButtonText: '确定',
                        callback: action => {
                            location.reload();
                        }
                    });
                }else{
                    this.$message.error(res.Message);
                }
                },err=>{
                    console.log(err)
                })
            }else{
                request({
                    url:'Model/AddConfirm',
                    method:'post',
                    data:this.formData
                }).then(res=>{
                if(res.Code==1){
                    this.$alert(res.Message, {
                        confirmButtonText: '确定',
                        callback: action => {
                            location.reload();
                        }
                    });
                }else{
                    this.$message.error(res.Message);
                }
                },err=>{
                    console.log(err)
                })
            }
        },
        //多选删除按钮
        deleteModelBasics(){

        },
        //获取数据进行渲染
         getData(searchValue){
             request({
                 url:'Model/SearchConfirmSimpleFuzzy',
                 method:'post',
                 data:{
                     Condition:searchValue
                 }
             }).then(res=>{
                 if(res.Code==1){
                     this.tableData=res.Data;
                     console.log(this.tableData)
                 }else{
                     this.$message.error(res.Message);
                 }
             },err=>{
                 console.log(err)
             })
         }
    }
}
</script>

这里本该显示这两组数据的前五个内容 ， 但是在浏览器里却是空白的，我该怎么改啊

在浏览器的开发者工具下能看到数据的前五个值 在Model里面

this.getData(this.searchValue);放在created执行试试

就是你上面截图的tableData与tableType数据想要在下面的截图代码中展示出来么