如何在Bootstrap Vue表的单个单元格中显示验证失败消息？

<template>
  <div>
    <b-form-group
      label="Field Name"
      :state="getValidationState('fieldName')"
      :feedback="getValidationMessage('fieldName')"
    >
      <b-form-input v-model="formData.fieldName"></b-form-input>
    </b-form-group>
  </div>
</template>

<script>
export default {
  data() {
    return {
      formData: {
        fieldName: ''
      }
    };
  },
  methods: {
    getValidationState(fieldName) {
      // 根据表单数据的验证状态返回相应的状态值
      if (this.formData[fieldName] === '') {
        return false; // 验证失败
      } else {
        return true; // 验证成功
      }
    },
    getValidationMessage(fieldName) {
      // 根据表单数据的验证状态返回相应的验证失败消息
      if (this.formData[fieldName] === '') {
        return 'Field Name is required.'; // 验证失败消息
      } else {
        return ''; // 验证成功，不显示消息
      }
    }
  }
};
</script>