{ {now | 'yyyy-MM-dd'} } 这种表达式里面,竖线和后面的参数通过什么方式可以自定义?
app.filter('过滤器名称',function(){
return function(需要过滤的对象, 过滤器参数1, 过滤器参数2, ...){
//...做一些事情
return 处理后的对象;
}
});
{{now | date : 'yyyy-MM-dd'}}
另:ng 内置的 filter 有九种:
date(日期)
currency(货币)
limitTo(限制数组或字符串长度)
orderBy(排序)
lowercase(小写)
uppercase(大写)
number(格式化数字,加上千位分隔符,并接收参数限定小数点位数)
filter(处理一个数组,过滤出含有某个子串的元素)
这个是vue的一个过滤写法,比如后端给你传一个距离,例如3320.1m,产品说需要转换,大于一千的后边写成km,否则四舍五入省略小数。那么这就需要这种写法,前边是动态获取的值,后边是过滤方法。
下面说一下js中怎么写:
创建一个js文件,用到的vue页面,把这个文件中引入进来,js文件中,写上你要过滤的方法。如下图
最后在你需要的地方用就可以了
如:{ {now | km} }
如果还不懂,可以看下官网过滤器:https://cn.vuejs.org/v2/guide/filters.html#ad
希望你可以学到
格式应该可以,比如yyyyMMdd等,但像y代表年这样的你应该没法修改了。是由浏览器底层支持的。
版权声明:本文内容由阿里云实名注册用户自发贡献,版权归原作者所有,阿里云开发者社区不拥有其著作权,亦不承担相应法律责任。具体规则请查看《阿里云开发者社区用户服务协议》和《阿里云开发者社区知识产权保护指引》。如果您发现本社区中有涉嫌抄袭的内容,填写侵权投诉表单进行举报,一经查实,本社区将立刻删除涉嫌侵权内容。