使用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>