首页 > 其他 > 详细

vue 自定义过滤器

时间:2017-04-17 17:25:53      阅读:294      评论:0      收藏:0      [点我收藏+]
vue允许自定义过滤器,被用作一些常见文本的格式化。由“管道符”指示,格式如下:
<!-- 在两个大括号中 -->
{{message | capitalize}}
 
<!-- 在 v-bind指令中 -->
<div v-bind:id="rawId | formatId"></div>

 

实例如下:

<div id="app">
{{ time | formatTime}}
</div>

<script>
new Vue({
el: "#app",
data: {
time: 12345643
},
filters: {
//对时间戳进行格式化
formatTime: function(value){
var unixTimestamp = new Date( value*1000 );
var D = new Date(unixTimestamp);
var H = D.getHours()>9 ? D.getHours() : "0"+D.getHours(),
M = D.getMinutes()>9 ? D.getMinutes() : "0"+D.getMinutes();
return H + ":" + M
}
}
})
</script>

 

vue 自定义过滤器

原文:http://www.cnblogs.com/garfieldzhong/p/6723746.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!