vue-常用特性-表单操作

vue-常用特性-表单操作


目录

文章目录

  • 1、表单数据绑定
  • 2、表单域修饰符
    • ***后记*** :



内容

1、表单数据绑定

  • text:单行文本框

  • radio:单选按钮

    • 多个radio需要绑定相同的变量
    • 绑定的数据类型为字符串
  • checkbox:多选按钮

    • 多个checkbox需要绑定相同的变量
    • 绑定的数据类型为字符串
  • select>option:下拉列表

    • 绑定的变量值类型为字符串
  • textarea:多行文本框

  • 示例0-1效果图:vue-常用特性-表单操作_第1张图片

  • 代码0-1:

      
      
      
      	
      	
      	01_form
      	
      	
      
      
      
     用户名:
      性别:
      爱好: 跑步 旅行 敲代码
      学历:
    个人简介:

2、表单域修饰符

  • number:转化为数字

  • trim:去除前后空格

  • lazy:把input事件转化为change事件

  • 格式

      
    
  • 解析:

    • number修饰符:文本框默认值类型为字符串,但是有时候我们需要输入数字,相应拿到的也是数字类型,就不用转化直接进行运算。
    • trim:对应登录注册功能中用户名校验,我们一般需要去除前后空格。

后记

  本项目为参考某马视频开发,相关视频及配套资料可自行度娘或者联系本人。上面为自己编写的开发文档,持续更新。欢迎交流,本人QQ:806797785

前端项目源代码地址:https://gitee.com/gaogzhen/vue
后端JAVA源代码地址:https://gitee.com/gaogzhen/JAVA

你可能感兴趣的:(#,vue,vue)