<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>Document</title>
<script src="./vue.js"></script>
<script>
window.onload = function(){
Vue.filter('moneyFilter',function(mon){
if(mon>1000){
return '¥'+mon
}else{
return"需要充值"
}
});
// 第一种写法,在Vue对象里定义的过滤器
var vm = new Vue({
el:'.box',
data:{
age:30
},
filters:{
ageFilter:function(age){
if(age>18){
return"成年人"
}else{
return"小屁孩"
}
}
}
})
// 第二种写法,就是这种定义的全局过滤器
var vn = new Vue({
el:'.app',
data:{
money:1000000000
}
})
}
</script>
</head>
<body>
<div class="app">{{money | moneyFilter}}</div>
<div class="box">
<p>{{age | ageFilter}}</p>
</div>
</body>
</html>
vue过滤器
最新推荐文章于 2024-07-04 10:07:27 发布