本篇文章主要讲关于vue的自带的过滤器,以及如何自定义过滤器,不过在vue2.x 的版本中,vue 的很多过滤器都被删除,因此大部分是需要根据自己的需求来自定义的过滤器。 #1.延时过滤器——debounce 使用例子:按下键盘时,时隔1500毫秒执行
复制代码
解析:
debounce : 延时过滤器名称1500 :参数,可以是任意正数,一旦不传,延时时间为0,则无延时效果复制代码
关键代码:
关键的js代码:
#过滤限制—— limitBy 如果了解数据库的应该都知道 limit 这个关键字,主要用于分页。实际应用场景,当查数据库时候返回有数百条数据,而你显示只能显示10条,其他数据根据页码显示。 ##简单例子: 截取两个
##实用例子: 通过过改变下拉框来控制显示的数据
##思考问题:如何做一个完整的分页例子