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)(版本低的才用现在一般不用)

padStart()

这个是字符串提供的方法,所以我们先要保证调用的地方是个字符串

这个方法里两个参数 - 

显示的位数

位数不足时在前面补充的内容

比如padStart(2,0)两位数,小于两位在前面补零

padEnd()

和上面用法一样,这个是在后面补一个值

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值