过滤器的概念及作用
概念:Vue.js 允许你自定义过滤器,可被用作一些常见的文本格式化。过滤器可以用在两个地方:双花括号插值和v-bind表达式。过滤器应该被添加在JavaScript表达式的尾部,由“管道”符指示。
作用:在我们页面显示值之前加一层过滤,展示我们过滤后的值(注意:过滤器可以用在两个地方:双花括号插值和 v-bind 表达式)
全局定义:通过Vue提供的filter方法定义:Vue.filter()
例:
私有定义:filters这个是实例化Vue的一个参数,和data,methods平级的,里面放的就是我们这个实例的私有过滤器。
例:
注意事项:
-
函数的第一个参数都是data,也就是我们要过滤的值。
-
过滤器可以自定义一些参数。
-
过滤器函数的返回值就是最终显示的值
键盘修饰符
-
监听所有按键:v-on:keyup
-
监听指定按键:v-on:keyup.按键码
注意:每个键盘按键都会对应一个键盘码,具体键码百度
vue提供的按键别名
-
.enter
-
.tab
-
.delete (捕获“删除”和“退格”键)
-
.esc
-
.space
-
.up
-
.down
-
.left
-
.right
自定义按键别名,列:Vue.config.keyCodes.f1 = 112