Vue2.0 不再支持在 v-html
中使用过滤器
然而,现在不能使用了,Vue2.0 的过滤器现在只能应用在 {{ }}
和 v-bind
中。
<div>
{{ name | filterNmae }}
</div>
<script>
filters:{
filterNmae(name){
return 'new'+name;
}
}
</script>
如果想在过滤器中返回html标签并正常渲染要怎么办呢?
使用 $options.filters 代码如下:
<div v-html="$options.filters.filterName(name)"></div>
<script>
filters:{
filterNmae(name){
return '<p>'+name+'</p>';
}
}
</script>