vue里的filters--管道过滤器

最新推荐文章于 2025-07-11 11:54:59 发布

. . . . .

最新推荐文章于 2025-07-11 11:54:59 发布

阅读量1.4k

点赞数

CC 4.0 BY-SA版权

分类专栏：大前端技术

本文链接：https://blog.youkuaiyun.com/yexudengzhidao/article/details/84204856

大前端技术专栏收录该内容

344 篇文章

订阅专栏

本文介绍了一个使用Vue.js的HTML页面示例，展示了如何通过管道过滤器修改数据显示，包括固定金额显示和货币符号前缀应用。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

<!DOCTYPE html>
<html>
<head>
	<title></title>
	<script src="https://cdn.bootcss.com/vue/2.5.17/vue.js"></script>
	<style type="text/css">
	</style>
</head>
<body>
	<div id="root">
		<!-- 管道过滤器 -->
		{{100 | currency}}
		{{100 | currency2('$')}}
	</div>		
	</p>
	<script type="text/javascript">
		var vm = new Vue({
			el: '#root',
			data: {
				
			},
			methods: {
			},
			filters: {
				currency(val){
					return 200;
				},
				currency2(val, type) {
					return type+val;
				}
			}
		})
	</script>
</body>
</html>