$options.filters
在定义的vue里的filter添加方法:
var appMain= new Vue({
el: '#appMain',
filters:{
msg: function(msg) {
return msg.replace(/\n/g, "<br>") ;
}
},
data: {
content: "XXXXX"
}
})
然后页面上都可以直接用这个方法了:
<div id="appMain">
<div v-html="$options.filters.msg(content)"></div>
</div>
ts中 ,过滤器应该写在 @Component({})中。
正常情况下,过滤器的写法
@Component({
components: {},
/* 处理生命周期部分标签的处理器 */
filters: {
handledata(data1) {
let tagJsons = "";
if (data1.length === 0) {
return tagJsons;
} else {
let data = JSON.parse(data1);
for (let key in data) {
tagJsons = tagJsons + key + " : " + data[key] + "<br/>";
}
return tagJsons;
}
}
}
})
<span>{{ data | " 过滤器名称"}} </span>