v-tetx 如何使用filters

版权声明:本文为博主原创文章,未经博主允许不得转载。 https://blog.csdn.net/hua_ban_yu/article/details/80334960

使用vue进行数据处理的时候发现,无法正常在v-text里使用过滤器,可以使用$options.filters让v-text支持过滤器。


<div id="app">	
    <div>默认价格:{{money}}</div>
	<div>使用过滤器处理显示价格:<span v-text="$options.filters.moneyFilter(money)"></span></div>
   </div>
<script type="text/javascript" src="js/vue.js" ></script>
<script>
    var app = new Vue({
	el:"#app",
	data:{
		money:150
	},
	filters:{
		moneyFilter:function(value){
			return '¥'+value+" 元"
		}
	}
     })
 </script>

阅读更多
想对作者说点什么?

博主推荐

换一批

没有更多推荐了,返回首页