<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Vuejs</title>
<script src="js/vue.js"></script>
</head>
<body>
<div id="app">
<p>{{ 7000 | guoLv}}</p>
<p>{{ money | myFilter}}</p>
</div>
<script>
// 全局过滤器
Vue.filter("guoLv", function(val){
return '¥'+ val + ".00"
})
const app = new Vue({
el: '#app',
data: {
money: '8900.26',
},
// 局部过滤器
filters: {
myFilter(money){
return "¥" + money + "元"
}
}
})
</script>
</body>
</html>
Vuejs 过滤器
最新推荐文章于 2023-10-18 15:31:24 发布
本文详细探讨了Vuejs中的过滤器,包括其用途、创建自定义过滤器的方法以及在模板中如何使用过滤器来格式化和转换数据。通过实例解析,展示了过滤器在数据处理中的强大功能。
摘要由CSDN通过智能技术生成