vue 过滤器

时间 2021-08-13

标签 javascript html vue java ide 调试 htm utf-8 get 栏目 JavaScript 繁體版

原文原文链接

<!DOCTYPE html>javascript

<html>html

<head>vue

<title>过滤器</title>ide

</head>调试

<script>ip

Vue.filter('date',data=>{utf-8

let date = new Date(data);get

return date.getFullYear()+'-'+(date.getMonth()+1)+'-'+date.getDate()+' '+date.getHours()+':'+date.getMinutes()+':'+date.getSeconds();

})

window.onload = function(){

//配置是否容许检查代码,方便调试，生产环境中设置为false

Vue.config.devtools = true; //检查代码

Vue.config.productioinTip = false; //有强迫症的，能够关掉生产中的提示信息

let vm = new Vue({

el: "#div1",

data:{

currentTime: Date.now()

filters:{

time: data=>{

let date = new Date(data);

return date.getFullYear()+'-'+(date.getMonth()+1)+'-'+date.getDate()+' '+date.getHours()+':'+date.getMinutes()+':'+date.getSeconds();

}

});

}

</script>

<body>

<h1>{{currentTime | time}}</h1>

</div>

</body>

</html>