Vue之收集表单数据与过滤器

1.表单大全:

v-model.trim="account":去除空格,
年龄:

:输入数字和接收数字
:失去焦点再接受数据(适用于大输入框)



年龄:
sex: 男
爱好: 学习 游戏 吃饭
所属校区:
其他信息:
阅读并同意协议

总结:

Vue之收集表单数据与过滤器_第1张图片

 二:过滤器:

        Vue.js 允许你自定义过滤器(filter),可被用于一些常见的文本格式化。

        过滤器可以用在两个地方:双花括号插值和 v-bind 表达式 (后者从 2.1.0+ 开始支持)

        将时间搓改成时间格式:

        引入了第三方库:bookcdn中的dayjs库,

dayjs链接:

    

显示时间

{{atime}}

{{time | timeformater}}

总结:

dayjs

Day.js 是一个轻量的处理时间和日期的 JavaScript 库,和 Moment.js 的 API 设计保持完全一样. 如果您曾经用过 Moment.js, 那么您已经知道如何使用 Day.js

Vue之收集表单数据与过滤器_第2张图片

你可能感兴趣的:(Vue,vue.js,servlet,前端)