TypeError:Cannot read property ‘xxx’ of null

今天又是愚蠢的一天

我的代码是这样的…

<template slot-scope="{row}">
                        <td class="budget">
                          {{row.stuId}}
                        </td>
                        <td class="budget">
                          {{row.name}}
                        </td>
                        <td class="budget">
                          {{row.level}}
                        </td>
                        <td class="budget">
                          {{row.major.class}}
                        </td>
                        <td class="budget">
                          {{row.qq}}
                        </td>
                        <td>
                          <base-button size="sm" type="danger" @click="deleteStudent(row)">删除</base-button>
                        </td>
</template>

row在Data中是没有定义的, 总的数据交给子组件, 子组件再进行渲染的… 很奇葩… 而且我的数据嵌套着数据 l类似于 row.major.class 网上没有和我一样的… 弄了一个小时…

三元运算符判断是否为null 为null赋空格 {{class = row.major === null ? " " : row.major.class}} 我现在已经异常怀疑我适不适合当程序员了!!!