vue表单验证的时候提示 ’‘ is not a string

在设计问卷的时候遇到很奇怪的问题，这个题目明明没有设置必填，却出现验证，且不是验证的message，必填却不会出现这种问题，

如图：

data代码部分如下：

data() {
      return {
        answer: this.msgOptionValue,
        fromData: {
          currentOption: [],
        },
        rules: {},
    },

在创建的组件的时候设置rules：

created() {
      if (this.zWjQuest.fillSign == '1') {
        this.rules = {required: true, message: '这一题必填!', trigger: 'blur'};
        this.$emit('isSubmit', [this.zWjQuest.wjQuestId, false]);
      } else {
        this.$emit('isSubmit', [this.zWjQuest.wjQuestId, true]);
      }
    },

在局部子组件表单中绑定：

直接来解决
将子组件的数据中的rules初始化，原本时因为非必填的时候rules：{} ，没有内容，就也是出现 ‘’ is not a string 错误的一个原因。

data() {
      return {
        answer: this.msgOptionValue,
        fromData: {
          currentOption: [],
        },
        rules: {required: false},
    },