Vue 过滤器filters
2017-12-26 16:14
351 查看
1、示例代码
采用vue单文件组件,使用moment插件格式化日期
2、效果
3、说明
过滤器内是没有this引用的,过滤器内的this是undefined,所以不要在过滤器内尝试使用this引用组件实例的变量或者方法。
采用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引用组件实例的变量或者方法。
相关文章推荐
- vue自定义filters过滤器
- vue filters过滤器
- Vue实践--过滤器(Filters)
- vue从入门到进阶:过滤器filters(五)
- Vue filters过滤器
- Vue 过滤器filters及基本用法
- Vue.js基础-过滤器(filters)
- Vue中,methods中调用filters里的过滤器
- vue 指令 v-html 中使用过滤器filters功能
- Vue filters过滤器的使用方法
- vue filters过滤器使用
- Vue_过滤器
- vue 过滤器filter实例详解
- Vue-自定义过滤器 通过管道符号|进行调研,支持多重过滤
- vue自定义过滤器fliter的使用
- 第13章_了解MVC3中Filters(第二篇)过滤器执行顺序
- 安装事件过滤器(Installing Event Filters)
- HBase查询(3)---Decorating Filters装饰性过滤器
- vue实现自定义过滤器之时间格式自定义
- ASP.NET MVC Filters 4种默认过滤器的使用【附示例】