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://bzwzjz.com/article/ijodjp.html

其他资讯

Copyright © 2007-2020 广东宝晨空调科技有限公司 All Rights Reserved 粤ICP备2022107769号
友情链接: 盐亭网站设计 网站建设公司 成都网站建设 网站制作报价 网站建设公司 成都响应式网站建设公司 成都品牌网站建设 成都网站建设 成都网站设计 成都网站制作公司 成都网站设计 成都网站建设 营销网站建设 成都网站设计公司 成都定制网站建设 网站建设公司 成都网站制作 定制网站制作 定制网站设计 网站建设推广 成都网站建设 重庆手机网站建设