用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 使用Sprites技术实现圆角效果 2022-11-13
- JavaScript统计数组中相同的数量的方法总结 2023-08-08
- CSS3近阶段篇之酷炫的3D旋转透视 2024-01-24
- 详解iframe跨域的几种常用方法(小结) 2024-01-07
- 用css alpha 滤镜 实现input file 样式美化代码 2024-03-13
- AjaxFileUpload结合Struts2实现多文件上传(动态添加文件上传框) 2023-02-14
- CSS定义超链接四个状态的正确顺序L-V-H-A 2024-01-20
- JavaScript更改class和id的方法 2024-04-09
- jquery.qrcode.js生成二维码并转成图片格式 2022-10-29
- TypeScript中的函数 2023-08-11