Vue010_ 过滤器

理解过滤器

1) 功能: 对要显示的数据进行特定格式化后再显示
2) 注意: 并没有改变原本的数据, 可是产生新的对应的数据

定义和使用过滤器

1) 定义过滤器
Vue.filter(filterName, function(value[,arg1,arg2,...]){
// 进行一定的数据处理
return newValue
})
2) 使用过滤器
<div>{{myData | filterName}}</div>
<div>{{myData | filterName(arg)}}</div>

编码示例

<!DOCTYPE html>
<html><head><meta charset="utf-8"><title></title></head><body><div id="demo"><p>当前时间为： {{ currentTime }}</p><p>当前时间1为：{{ currentTime | dateStr }}</p><p>当前时间2为：{{ currentTime | dateStr('YYYY-MM-DD') }}</p><p>当前时间3为：{{ currentTime | dateStr('HH:mm.ss') }}</p></div><script type="text/javascript" src="js/vue.js"></script><!-- moment.js主要是的获取默认本地时间，进行格式化。默认是英文显示格式，可以加入其他国家语言解析。 --><script type="text/javascript" src="https://cdn.bootcss.com/moment.js/2.19.0/moment.js"></script><script>//注册过滤器Vue.filVue.filter('dateStr',function(value,format){return moment(value).format(format || 'YYYY-MM-DD HH.mm.ss')})new Vue({el: '#demo',data: {currentTime: new Date}})</script></body>
</html>

结果展示

Vue010_ 过滤器相关推荐

Redis 预防缓存穿透“神器” — 布隆过滤器
1. 布隆过滤器 1.1 概念在架构设计时有一种最常见的设计被称为布隆过滤器,它可以有效减少缓存穿透的情况.其主旨是采用一个很长的二进制数组,通过一系列的 Hash 函数来确定该数据是否存在. 布隆 ...
SpringBoot2.3 修改响应头、添加更新token、解决在过滤器中修改失败
前言使用Spring Boot开发项目的过程中,难免会遇到向响应头中写入一些信息,例如更新了的token,用户详情等信息.在请求头中添加,请求时就可以通过过滤器,拦截器等验证或者获得请求头传递的信息 ...
[JAVA EE] Filter过滤器
Filter过滤器 ◼ 过滤器(Filter)可以动态地拦截请求和响应. ◼ 应用场景:过滤敏感词汇.防止SQL注入.设置字符编码.进行URL级别的权限访问控制.压缩响应信息等. 启动文件DemoA ...
java 过滤器Filter
Filter简介 Filter也称之为过滤器,它是Servlet技术中最实用的技术,Web开发人员通过Filter技术,对web服务器管理的所有web资源:例如Jsp, Servlet, 静态图片文件 ...
java 编码过滤器_Java编码过滤器
Java编码过滤器: package com.utils; import javax.servlet.*; import javax.servlet.http.*; public class Enco ...
android service intent-filter,如何在permission中加入intent-filter过滤器获取NotificationListenerService权限...
现在要让我的app获取NotificationListenerService权限,我勾选了BIND_NOTIFICATION_LISTENER_SERVICE权限后,用native.js跳到ACTIO ...
authc过滤器 shiro_shrio 权限管理filterChainDefinitions过滤器配置
/** * Shiro-1.2.2内置的FilterChain * @see ============================================================= ...
Filter(过滤器）
一.Filter过滤器(重要) Javaweb中的过滤器可以拦截所有访问web资源的请求或响应操作. 1.Filter快速入门 1.1.步骤: 1. 创建一个类实现Filter接口 2. 重写接口中方 ...
算法：详解布隆过滤器的原理、使用场景和注意事项@知乎.Young Chen
算法:详解布隆过滤器的原理.使用场景和注意事项@知乎.Young Chen 什么是布隆过滤器本质上布隆过滤器是一种数据结构,比较巧妙的概率型数据结构(probabilistic data struc ...

Vue010_ 过滤器

理解过滤器

定义和使用过滤器

编码示例

结果展示

Vue010_ 过滤器相关推荐

最新文章

热门文章