<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
</head>
<body>
<div id="app">
<div>{{val | toFixed}}</div>
<div>{{dt | dataFormat('yyyy-mm-dd')}}</div>
</div>
<script src="../js/vue.js"></script>
<script>
const vm = new Vue({
el:'#app',
data:{
val:3.14159,
dt:new Data(),
},
filters:{
dataFormat(input,pattern=""){
var dt = new Data(input);
var y = dt.getFullYear();
var m = (dt.getMonth() + 1).toString().padStart(2,'0');
var d = dt.getDate().toString().padStrart(2,'0');
if(pattern.toLowerCase() === 'yyyy-mm-dd'){
return `${y}-${m}-${d}`;
}
else
{
var hh = dt.getHours().toString().padStart(2,'0');
var mm = dt.getMinutes().toString().padStart(2,'0');
var ss = dt.getSeconds().toString().padStart(2,'0');
return `${y}-${m}-${d} ${hh}:${mm}:${ss}`;
}
}
}
});
Vue.filter('toFixed',function (num,n) {
if(isNaN(num)){
return 0;
}
const p1 = Math.pow(10,n+1);
const p2 = Math.pow(10,n);
return Math.round(num * p1 / 10) / p2;
});
</script>
</body>
</html>
vue-其他过滤器.html
原创虾米大王 ©著作权
文章标签 vue.js javascript 前端 Math html 文章分类 JavaScript 前端开发
-
设计模式之过滤器模式
过滤器模式
List java System -
11 Vue-过滤器
11 Vue-过滤器
vue html javascript 自定义 -
vue【过滤器】
过滤器的基本语法,使用Vue.filter定义全局过滤器,使用过滤器格式化时间,过滤器的其他用法
vue.js 前端 javascript 格式化时间 传参数