整点干货10年经验架构师整合Vue核心内

美丽的黄皮肤爱心援助工程 http://news.39.net/bjzkhbzy/180524/6278647.html

收集表单数据

账号密码使用v-model正常收集没得问题,本身就是收集value的单选框只是使用v-model就有问题,vue管理工具返回null,因为v-model本身默认是收集value值的,所以需要给单选框配置value

复选框复选框不仅要写value,而且还要把绑定的值写为数组形式,复选框不写value,vue默认v-model收集的是checked的值,只有当两个条件满足,一个数组形式,一个value写上才会正常收集点击了复选框的value值剩下的都是正常手机,下拉选择框手机value值,文本域收集value值,注意一下最后一个点击同意许可协议这里直接使用默认的checked的值即可

最后可通过提交的点击事件,或者表单的提交事件将数据发送到服务器注意通过事件修饰符停止表单默认提交行为,我们一般是把json格式数据发送到服务器,所以这里数据一般是这样定义的这样一来就需要把之前所有的vue语法前面添加上userInfo.开头新增三个v-model的修饰符v-model.trim=""可以将输入的内容前后空格忽略.number可以将收集的数值转为数值型,一般是配合表单type:number使用,这个可以限制输入的内容为数字,但是是字符型,再通过修饰符变为数值型.lazy失去焦点再获取数据,比如前面做过的防抖策略,输入完一段时间再去请求数据,这里可以给表单元素添加这个修饰符失去焦点才会将数据读取进来

15.过滤器

完成一个案例显示格式化的时间,用到一个库moment专门格式化时间的在这个网站下载[BootCDN][


转载请注明:http://www.aierlanlan.com/rzdk/1314.html

  • 上一篇文章:
  •   
  • 下一篇文章: 没有了