Vue中filters过滤器怎么使用

这篇文章主要介绍“Vue中filters过滤器怎么使用”的相关知识,小编通过实际案例向大家展示操作过程,操作方法简单快捷,实用性强,希望这篇“Vue中filters过滤器怎么使用”文章能帮助大家解决问题。

创新互联建站是一家专注于成都做网站、网站设计与策划设计,平乡网站建设哪家好?创新互联建站做网站,专注于网站建设十余年,网设计领域的专业建站公司;建站业务涵盖:平乡等地区。平乡做网站价格咨询:13518219792

1、示例代码

采用vue单文件组件,使用moment插件格式化日期


2、效果

Vue中filters过滤器怎么使用

3、说明

过滤器内是没有this引用的,过滤器内的this是undefined,所以不要在过滤器内尝试使用this引用组件实例的变量或者方法。

ps:下面看下Vue 过滤器的基本用法

// 注册
Vue.filter('my-filter', function (value) {
 // 返回处理后的值
})
// getter,返回已注册的过滤器
var myFilter = Vue.filter('my-filter')

//在mustache中使用
{{ msg | uppercase }}

//在标签中使用

关于“Vue中filters过滤器怎么使用”的内容就介绍到这里了,感谢大家的阅读。如果想了解更多行业相关的知识,可以关注创新互联行业资讯频道,小编每天都会为大家更新不同的知识点。


网页名称:Vue中filters过滤器怎么使用
网页网址:http://csdahua.cn/article/ijodjp.html
扫二维码与项目经理沟通

我们在微信上24小时期待你的声音

解答本文疑问/技术咨询/运营咨询/技术建议/互联网交流