vue中{{undefined}}报错，导致dom无法渲染

Question

三个组件A-B-C
A是父 B是子 C是孙

c组件中有这样一段

   <el-button type="text">
     {{
       excelFile.fileName ? excelFile.fileName:"暂无上传文件"
     }}
   </el-button>

excelFile 这个对象是A组件从接口获取的，然后传递给了B B传给了C

现在问题是

当后台没有返回excelFile这个字段的时候，excelFile undefined 一直报错fileName是undefined导致页面无法出来

Answer 1

excelFile && excelFile.fileName ? excelFile.fileName:"暂无上传文件"

Answer 2

如果是props传进来的

 excelFile: {
      type: Object,
      default: function(){
          return {}
      }
  }