收集表单数据+过滤器

一、收集表单数据

1、效果

实现：
点击账号的时候，也能够获取到焦点

2、实现代码

3、接受vue的管理

3.1账号和密码

3.2 性别

要想上来就有一个默认值，可以在data里指定一个

3.3 爱好

如果不指定value，默认会去使用input框的checked值

实现：

3.4 所属校区

3.5 其他信息

3.6 是否同意

不需要指定value值，

3.7 最终实现

4.阻止表单提交后的刷新

5、将数据转化为JSON

有两种方式

方式一：

方式二：

6、v-model的修饰符

6、lazy修饰v-model

不会实时收集，而是在失去焦点的一瞬间开始收集

7、trim去掉前后空格

8、收集表单数据总结

二、过滤器

将时间格式化

2.1 使用计算属性实现

dayjs() 括号里面不传，默认当前时间去转换

2.2 使用methods实现

2.3 使用过滤器实现

2.4 过滤器的传参

使用es6优化

2.5 过滤器之间的串联

2.6 局部过滤器

以上所写过滤器均为局部过滤器，仅在一个vm实例中可以被使用。

验证是否为局部过滤器

2.7 全局过滤器

2.8 过滤器的用处

注意：v-model不能绑定过滤器，会报错

2.9 总结