1-2 vue过滤器和修饰符

过滤器的概念及作用

概念:Vue.js 允许你自定义过滤器,可被用作一些常见的文本格式化。过滤器可以用在两个地方:双花括号插值和v-bind表达式。过滤器应该被添加在JavaScript表达式的尾部,由“管道”符指示。

作用:在我们页面显示值之前加一层过滤,展示我们过滤后的值(注意:过滤器可以用在两个地方:双花括号插值和 v-bind 表达式

全局定义:通过Vue提供的filter方法定义:Vue.filter()

例:

私有定义:filters这个是实例化Vue的一个参数,和data,methods平级的,里面放的就是我们这个实例的私有过滤器。

例:

注意事项

  1. 函数的第一个参数都是data,也就是我们要过滤的值。

  2. 过滤器可以自定义一些参数。 

  3. 过滤器函数的返回值就是最终显示的值

键盘修饰符

  1. 监听所有按键:v-on:keyup

  2. 监听指定按键:v-on:keyup.按键码

注意:每个键盘按键都会对应一个键盘码,具体键码百度

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、付费专栏及课程。

余额充值