首页 > 其他分享 >vue2.0 表单验证明明有值却提示错误

vue2.0 表单验证明明有值却提示错误

时间:2023-09-14 22:35:06浏览次数:35  
标签:有值 明明 验证 提示 表单 字符串 转为 vue2.0

明明有值却总是提示为空

vue2.0  表单验证明明有值却提示错误_赋值

我的解决方法时将number转为字符串

验证方法如图:(验证只可以输入数字)

vue2.0  表单验证明明有值却提示错误_解决方法_02

赋值时转为字符串:

vue2.0  表单验证明明有值却提示错误_赋值_03

 

标签:有值,明明,验证,提示,表单,字符串,转为,vue2.0
From: https://blog.51cto.com/u_14682436/7474490

相关文章

  • 一个基于Vue模型的表单生成器
    哈喽,我是老鱼,一名致力于在技术道路上的终身学习者、实践者、分享者!VuetifyFormBase是一个基于模型的表单生成器,目的是提供一个工具,以便以较少的努力从任何模型数据生成可编辑的表单,即使模型是一个深度嵌套的对象。VuetifyFormBase作为Vue组件工作,可以很容易地集成到任何VU......
  • 编辑新增使用同一个表单
    编辑新增使用一个表单列表展示table<template><divclass="mod-configml10"><!--搜索--><divclass="searchsearchHead"v-show="showSearch"><el-formref="searchForm":model="searchForm&......
  • 项目开发中难点-项目使用v-if控制表单/元素/组件显示隐藏,例如调用接口后赋值需重新加
    项目中使用v-if="show"  控制组件的显示或隐藏,当接口返回后this.show=false,进行赋值,后this.show=true显示 。但是页面没有正常显示,此时使用this.$nextTick。 一、$nextTick()概述1.$nextTick()原理$nextTick()是Vue.js框架中的一个方法,它主要用于DOM操作......
  • 试试用Markdown来设计表单
    相信很多后端开发。对于前端知识是比较零碎的,所以很多时候写表单这样的工作,一般就是复制黏贴,然后改改字段。对于HTML格式,一直觉得比较杂乱,不够简洁。最近TJ发现了一个有趣的小工具:CreateHTMLForm。看看上面它的Slogan,是不是很有意思?居然可以通过Markdown来编写HTML的表单?下面......
  • 例2.6 设计一个高效的算法,从顺序表L中删除所有值为x的元素,要求时间复杂度为0(n)空间复杂
    1.题目例2.6设计一个高效的算法,从顺序表L中删除所有值为x的元素,要求时间复杂度为0(n)空间复杂度为0(1)。2.算法思想3.代码voidDeleteX(SeqListLA,SeqList*LC,intx){inti=0,j=0;while(i<=LA.last){if(LA.element[i]==x)i++;else......
  • HTML5 Form表单
    Form表单使用来用户填写信息,从而能采集用户信息,使网站有交换功能,所有用户输入的地方;<!DOCTYPEhtml><htmllang="en"><head><metacharset="UTF-8"><metaname="viewport"content="width,initial-scale=1.0"><t......
  • 表单引擎的自定义控件的概念与设计
    基本概念概述控件的定义:用于展示或者采集数据的表单元素,称为控件,比如:文本框、下拉框、单选按钮、从表等.自定义控件:表单引擎提供的基础控件之外的控件称为自定义控件,这些控件由开发人员自己定义,比如:评分、公文字号、定位等.基本控件分类字段控件:文本字段、数值字段、日期字段、......
  • 借助开源表单设计器,让办公流程化更顺畅!
    什么样的软件可以实现办公流程化发展?这是很多粉丝朋友问到的问题,其实,作为低代码技术平台服务商,建议大家了解下开源表单设计器,它在当前数字化转型发展的潮流中具有可观的利用价值,可以助力不同行业实现流程化发展,创造更高的市场佳绩。传统的表单制作非常单一,而且效率不高,不够灵活,也......
  • element表单中当有必填项没有填时,定位光标
    表单添加或修改时的验证1.表单<el-form:model="formData":rules="rules"ref="ruleForm"label-width="140px"></el-form>2.表单验证//添加数据addData(){ this.......
  • VueJS 处理表单组件上 api 调用的错误
    问题出在可组合项中对errors的处理上。在register函数中,你将errors重新赋值为空对象{},而应该将其赋值给errors.value来保持响应式。修改useAuth可组合项的代码如下:exportdefaultfunctionuseAuth(){leterrors=ref({});constregister=(request)=>{errors.val......