vue 過濾器

唐中發表於2020-11-02
Vue過濾器
<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
	</head>
	<body>
		<div id="demo">
			當前時間:{{date}} <br/>
			當前時間:{{date|dataFormat}}
		</div>
		<!--使用cdn地址吧-->
		<script src="https://unpkg.com/vue/dist/vue.js"></script>
		<script type="text/javascript" src="https://cdn.bootcss.com/moment.js/2.22.1/moment.js"></script>
		<script type="text/javascript">
			/**
			 * Vue.filter(filterName, function(value[,arg1,arg2,...]){
				  // 進行一定的資料處理
				  return newValue
				})
			 */
			Vue.filter("dataFormat",function(value,format='YYYY-MM-DD HH:mm:ss'){
				return moment(value).format(format);
			})
			const vm = new Vue({
				el:"#demo",
				data :{
					date:new Date()
				},
				mounted() {
				  setInterval(() => {this.date = new Date()}, 1000)
				}
			})
		</script>
	</body>
</html>

相關文章