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

• Z时代
• 2024-03-10
• 分类：IT

三个组件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导致页面无法出来

回答：

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

回答：

如果是props传进来的

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

以上是 vue中{{undefined}}报错，导致dom无法渲染 的全部内容， 来源链接： utcz.com/p/936084.html