{{ model.carCaptainType?.fdShFlag==1+' '+model.carCaptainType?.fdShFlag }}为什么报错

在Vue的模板中，使用了条件表达式和字符串拼接来展示一个变量的值。然而，你的表达式中使用了可选链操作符 `?.` ，这是ES2020中引入的新语法，用于对可能为空的对象进行属性访问，但这个语法在Vue的模板中是不支持的。

如果你想要在模板中展示一个变量的值，并且该变量可能为空，可以使用`v-if`指令来进行条件判断，避免使用可选链操作符。

修改你的代码如下：

<template>
  <div>
    <span v-if="model.carCaptainType && model.carCaptainType.fdShFlag === 1">
      {{ model.carCaptainType.fdShFlag + ' ' + model.carCaptainType.fdShFlag }}
    </span>
  </div>
</template>

这样通过`v-if`指令对 `model.carCaptainType` 进行判断，只有在它存在且 `fdShFlag` 等于1时才会展示对应的值。

如果你想要在模板中使用可选链操作符 `?.` ，你可以考虑在组件的计算属性中处理相关逻辑，然后在模板中直接使用计算属性的值。

<template>
  <div>
    <span>{{ captainFlag }}</span>
  </div>
</template>

<script>
export default {
  data() {
    return {
      model: {
        carCaptainType: {
          fdShFlag: 1
        }
      }
    }
  },
  computed: {
    captainFlag() {
      return this.model.carCaptainType?.fdShFlag === 1 ? `${this.model.carCaptainType.fdShFlag} ${this.model.carCaptainType.fdShFlag}` : '';
    }
  }
}
</script>

这样通过计算属性 `captainFlag` 来处理相关逻辑，避免了在模板中使用可选链操作符。