vue2.x 过滤器,自定义按键修饰符 ,自定义指令


1.过滤器
全局:
<element>{{ value | 过滤器名称}}</element>
Vue.filter('过滤器名称',function(value){
...
})
局部:
<element>{{ value | 过滤器名称}}</element>
filters:{ //可以设置多个过滤器
'过滤器名称':function(value){
...
},
'过滤器名称2':function(value){
...
},
...
}

2.自定义按键修饰符
<element @keyup.修饰符名称 = "function name"></element>
Vue.config.keyCodes.修饰符名称 = keycode(某个键的键盘码)

3.自定义指令
<element v-指令名称><element>
全局:
Vue.diretive('指令名称',{
bind(el,binding){ el:指令所绑定的元素,可以用来直接操作 DOM 。(使用原生)
binding:一个对象,包含name(指令名称),value(指令值),expression(指令表达式)等属性
//只调用一次,指令绑定到元素时执行
},
inserted(){
//只调用一次,指令插入到元素时执行
},
update(){
//
}
})

局部:
diretives:{
指令名称:{
bind(){
//只调用一次,指令绑定到元素时执行
},
inserted(){
//只调用一次,指令插入到元素时执行
},
update(){
//
}
}
原文地址:https://www.cnblogs.com/NExt-O/p/10835221.html