element-ui表格列金额保留小数点后两位报错

实习阶段想积累一些经验，把遇到的问题和解决方法记录下来，希望大佬们多做评论。
先放上代码保留金额小数点后两位的代码，好像百度的大佬都是用加过滤器实现的，可是我直接.toFixed()就实现了，具体我也不知道。。。

 <template slot-scope="scope">
         <span>{{scope.row.totalProfit.toFixed(2)}}</span>
</template>

然后报错了，各种百度然后也没有结果，最后查看了一下MySQL数据库，原来是这个金额有null值。

最后做一个判断就可以解决，代码块为

         <span v-if="scope.row.totalProfit!=null">{{scope.row.totalProfit.toFixed(2)}}</span>

效果