Vue 过滤器filters
2024-10-20 20:51:31
1、示例代码
采用vue单文件组件,使用moment插件格式化日期
<template>
<div>
<h1>{{date | dateFormat}}</h1>
</div>
</template>
<script>
import moment from 'moment';
import 'moment/locale/zh-cn';
moment.locale('zh-cn');
export default {
data() {
return {
date: new Date()
}
},
filters: {
dateFormat(val) {
return moment(val).calendar();
}
}
}
</script>
2、效果
3、说明
过滤器内是没有this引用的,过滤器内的this是undefined,所以不要在过滤器内尝试使用this引用组件实例的变量或者方法。
最新文章
- iOS 常用的向上,向下取整, 四舍五入函数
- VS.net 2013中使用Git建立源代码管理 版本管理
- java四种内部类详解
- 算法Sedgewick第四版-第1章基础-001递归
- 在windows下创建.gitignore文件
- 九、C# 合式类型
- iOS由ImageIO.framework实现gif的系统解码
- 100+ 值得收藏的 Web 开发资源
- JMeter 监控和记录&;常用功能
- 基于HTML5及WebGl下生成的json格式的工控SCADA风机叶轮旋转
- css3学习之旅-css的基本语法(1)
- mysql管理工具navicat的快捷键
- PMP测试实践- 内附PMBOK中字与备考资料
- java使用POI获取sheet、行数、列数
- css中用#id.class的形式定义样式,为什么这样用,不直接写成.class.代码如下:#skin_0.selected{}这种的
- Java开篇
- django admin后台css样式丢失
- response乱码和request乱码
- (寒假开黑gym)2018 ACM-ICPC, Syrian Collegiate Programming Contest(爽题)
- 【linux相识相知】网络属性配置