vue2.0不在支持v-html中使用过滤器了怎么办?

本文介绍了在Vue.js中处理文本的三种实用方法:全局方法、computed属性及$options.filters过滤器。通过具体示例展示了如何利用这些方法进行文本替换操作。

1.全局方法(推荐)
2.computed 属性
3.$options.filters (推荐)

使用全局方法
vue.prototype.msg=function(msg){
return msg.replace("\n","
")
}

commputed属性
var appMain = new Vue({
data:{
content:“xxx”
},
el:"#appMain",
computed:{
content:function(msg){
return msg.replace("\n","
")
}
}
})

$options.filters
在定义的vue里的filter添加方法
var appMain=new Vue({
el:"#appMain",
filters:{
msg:function(msg){
return msg.replace(/\n/g,"
")
}
},
data:{
content:“xxx”
}
})

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值