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

最新推荐文章于 2024-07-29 15:51:48 发布

摇曳de瘋丶

最新推荐文章于 2024-07-29 15:51:48 发布

阅读量2.3w

点赞数 8

分类专栏：日常笔记文章标签： vue表单验证 is not a string

本文链接：https://blog.csdn.net/qq_37000055/article/details/100926323

版权

日常笔记专栏收录该内容

5 篇文章

订阅专栏

在Vue项目中，解决表单非必填项出现'isnotastring'错误，通过初始化rules属性并设置required:false，避免了非必填项进行字符串验证，解决了表单验证异常。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

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},
    },