在v-html中,js 正则表达式清除字符串里的style属性

项目中遇到这样的需求,后端返回的是字符串,在vue用v-html显示,里面有style样式,要去除style

在v-html中使用filters,和平时的不一样,推荐项目的方法,定义一个全局的过滤方法

1 Vue.prototype.removeHtmlStyle = function (html) {
2   var rel = /style\s*?=\s*?([‘"])[\s\S]*?\1/
3   var newHtml = ''
4   if (html) {
5     newHtml = html.replace(rel, '')
6   }
7   return newHtml
8 }
1 <div class="paragraph" v-html="removeHtmlStyle(articleContent.post_content)">

使用上面的这种方法,就可以了

转载于:https://www.cnblogs.com/zhaobao1830/p/9802447.html

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值