Vue-过滤器、键盘修饰符

过滤器的作用:在我们页面显示值之前加一层过滤,展示我们过滤后的值

注意事项:过滤器可以用在两个地方:双花括号插值和 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)(版本低的才用现在一般不用)

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值