过滤器的作用:在我们页面显示值之前加一层过滤,展示我们过滤后的值
注意事项:过滤器可以用在两个地方:双花括号插值和 v-bind 表达式
使用语法:{{变量 | 过滤器名}}
1.全局定义
Vue.filter("gettime",function(data,formatl){})
参数:过滤器的名字和过滤器执行函数
2.局部定义
定义:filters这个是实例化Vue的一个参数,和data,methods平级的,里面放的就是我们这个实例的私有过滤器
new Vue({
el: '#app',
filters: {dateFormat(data, format) { }}});
注意事项
函数的第一个参数都是data,也就是我们要过滤的值。
过滤器可以自定义一些参数。
过滤器函数的返回值就是最终显示的值
键盘的修饰符
v-on:keyon(监听所有的按键)
v-on:keyon.按键码(监听指定的案件)
vue提供的按键别名
.enter
.tab
.delete
.esc
.space
.up
.down
.left
.right
自定义按键:(Vue.config.keyCodes.f1 = 112)(版本低的才用现在一般不用)
padStart()
这个是字符串提供的方法,所以我们先要保证调用的地方是个字符串
这个方法里两个参数 -
显示的位数
位数不足时在前面补充的内容
比如padStart(2,0)两位数,小于两位在前面补零
padEnd()
和上面用法一样,这个是在后面补一个值