用v-html显示文章内容,如何过滤文章中的img标签,其实方法很简单,只要写个方法就可以了!
代码如下:
v-html="htmlFormat(item.html)"
方法如下:
methods: {
htmlFormat(value) {
if (!value) return ''
value = value.replace(/<p[^>]*?><img[^>]*?><\/p>/g,'')
return value
}
}
以上是编程学习网小编为您介绍的“v-html过滤标签”的全面内容,想了解更多关于 vuejs 内容,请继续关注编程基础学习网。
沃梦达教程
本文标题为:v-html过滤标签
猜你喜欢
- CSS实现 Google Material Design 文本输入框风格(推荐) 2024-02-06
- AJAX应用实例之检测用户名是否唯一(实例代码) 2023-02-14
- IE下Ajax提交乱码的快速解决方法 2023-01-21
- 史上最强vue总结来了,这原因我服了 2023-10-08
- Javascript获取CSS伪元素属性的实现代码 2024-02-19
- H5移动端图片压缩上传开发流程 2024-01-17
- Vue中实现过渡动画效果实例详解 2024-03-11
- 使用FormData进行Ajax请求上传文件的实例代码 2023-02-23
- 基于Jquery的$.cookie()实现跨越页面tabs导航实现代码 2024-02-29
- Web前端之vuex基础 2023-10-08