码迷,mamicode.com
首页 > 其他好文 > 详细

vue 自定义过滤器

时间:2017-04-17 17:25:48      阅读:209      评论:0      收藏:0      [点我收藏+]

标签:style   back   round   sage   ati   var   时间   div   orm   

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 自定义过滤器

标签:style   back   round   sage   ati   var   时间   div   orm   

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

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!