error-message可以绑定一个字符串变量,记得加上冒号(:error-message="yourText")

例如,撸一个输入账号,再撸一个输入密码:

v-model="username"

clearable

label="用户名"

icon="question"

placeholder="手机号/邮箱"

:error-message="errorMessage.userInput"

/>

v-model="password"

type="password"

label="密码"

placeholder="请输入密码"

:error-message="errorMessage.pwdInput"

/>

data中的定义errorMessage:

errorMessage: { userInput:"", pwdInput:"", zipCode:"" },

Ps:我是将所有需要报红提示的信息都存在一个errorMessage对象中,修改和增加代码的时候方便撸。

使用的时候很简单啊!

this.errorMessage.pwdInput = "密码输入错误" 页面上响应的就显示出来提示信息了;

如果要关闭提示信息,那更简单了。

直接this.errorMessage.pwdInput = "" 赋值为空即可。

最后校验方面的话,自己写多了就总结出一套比较通用的正则和检验方法,自己再封装一下,每次每个项目用的时候直接import,多开心啊2333

vant组件做表格_有赞团队的vant ui组件库van-field使用相关推荐

  1. vant组件做表格_有赞Vant组件库上线墨刀!以后轻松做出电商原型

    继上周新上线了简历模板之后,本周墨刀的原型模板库又欢喜地增添一名新成员! 有赞Vant组件库 (做电商的宝宝要捂嘴笑了) Vant 组件库是有赞前端团队开源的一套基于Vue的UI组件库,目前版本收录了 ...

  2. vant引入组件报错_强烈推荐优秀的Vue UI组件库

    在我们实际开发中常常因为项目周期短不得不引入一些UI框架来辅助开发 那常见的比较好的UI框架有那些呢(基于VUE) Element UI组件库 (pc端) Element,一套为开发者.设计师和产品经 ...

  3. vant组件做表格_落户上海!分享心得,再做个积分计算器

    等了很久,终于收到落户批复啦!就差后面办一些手续. 这篇文章首先分享一下自己作为一名本科生,通过攒积分成功落户上海的一些心得.然后手把手带大家使用 Vue 框架开发一个『 上海应届生落户积分计算器 』 ...

  4. ueditor上传组件显示乱码_最全面的移动端 UI组件设计详解:中篇

    上一期给大家讲解了<最全面的移动端UI组件设计详解:上篇>,主要分享了:布局组件和导航组件2个部分:这次给大家带来:基础组件.表单组件和反馈组件详解,希望你在设计APP.小程序.H5页面中 ...

  5. 4天快速落地团队内部的UI组件库

    随着业务的不断发展,业务需求越来越多,打造团队内部的 UI组件库是一件可以让个团队提效的事情.只要 leader 支持,这件事情我认为做起来很有意义. 当然,对于业务团队来说,需求都压的喘不过气来,那 ...

  6. Wuss Weapp一款高质量,组件齐全,高自定义的微信小程序 UI 组件库

    Wuss Weapp 一款高质量,组件齐全,高自定义的微信小程序 UI 组件库 文档 https://phonycode.github.io/wuss-weapp 扫码体验 使用微信扫一扫体验小程序组 ...

  7. Wuss Weapp 一款高质量,组件齐全,高自定义的微信小程序 UI 组件库

    Wuss Weapp 一款高质量,组件齐全,高自定义的微信小程序 UI 组件库 文档 https://phonycode.github.io/wuss-weapp 扫码体验 使用微信扫一扫体验小程序组 ...

  8. vant步进器传值_有赞开源的Vue 2.0 的 Mobile 组件库 Vant

    有赞开源的Vue 2.0 的 Mobile 组件库 Vant 是一个轻量.可靠的移动端 Vue 组件库.包括了基础组件.Button 按钮.Cell 单元格.Icon 图标.Image 图片.Layo ...

  9. 引入antd组件样式_扩大团队技术影响力,搭建团队自己的 UI 组件库

    一.技术栈 我们先简单了解一下要搭建一个团队的 UI 组件库,会涉及到哪些技术栈: Create React App:官方支持的 CLI 脚手架,提供一个零配置的现代构建设置: React: 用于构建 ...

  10. angular ui组件_使用Angular Material将现代UI组件添加到Angular项目中

    angular ui组件 Learn how to use Angular Material in this full course for beginners from Codevolution. ...

最新文章

  1. UVA 315 :Network (无向图求割顶)
  2. Linus Torvalds: 成功的项目源于99%的汗水与1%的创新
  3. java 数据类型分为_JAVA中分为基本数据类型及引用数据类型
  4. L1-018 大笨钟 (10 分)
  5. 十七、Oracle学习笔记:视图操作和表复制
  6. QQ空间 1314学习网的日志 神奇的图片
  7. 利用DDS IP实现线性调频信号(二)
  8. linux不识别指纹仪,ubuntu t43指纹仪安装
  9. c# 判断时间是否在 某一时间段内
  10. 金仓数据库 KingbaseES SQL 语言参考手册 (14. SQL语句:COMMIT 到 CREATE LANGUAGE)
  11. 打开我的电脑显示计算机管理 不显示磁盘,win10打开此电脑不显示磁盘盘符的解决方法?...
  12. 简单的sql语句及例子
  13. makefile编写总结
  14. mysql占用cpu特别高的解决_mysql占用CPU过高的解决办法
  15. 【嵌入式 C】嵌入式开发神器—SourceInsight的使用教程
  16. cab文件如何安装或者转换为exe文件?
  17. unity URP内置shader lit解析
  18. 时间管理之四象限法则
  19. 【鸽子木 · 每日一题】级数求和(3月31日)
  20. 计算机网络设备 ppt,计算机网络基础-计算机网络硬件设备.ppt

热门文章

  1. 测量图上点位平面位置\高程中误差怎么计算?
  2. 闲聊人工智能产品经理(AIPM)—人工智能产品经理的行业理解
  3. 基于TCP/IP实现串口到网络的通讯转换
  4. 带你初步了解生物网络分析
  5. F28335学习之ADC配置
  6. Centos8创建pem文件进行远程连接
  7. 生成田字格模板(word)
  8. 小度计算机笔记,开售告罄、口碑炸裂、高语音交互率的小度耳机全新升级语音笔记...
  9. 【数学建模】——1992~2019国赛优秀论文
  10. css 左右居中和上下垂直居中