首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
MCP广场
社区首页 >问答首页 >有特殊的字符和html标签在vue中如何删除

有特殊的字符和html标签在vue中如何删除
EN

Stack Overflow用户
提问于 2020-08-05 17:38:07
回答 1查看 62关注 0票数 0

用vue-html-secure解决,谢谢大家

从api我得到了这个-

代码语言:javascript
运行
复制
specs: <table><tr><td> </td></tr><tr><td>Диагональ - 19" </td></tr><tr><td>Интерфейсы - DVI, VGA</td></tr></table>

与一起使用

代码语言:javascript
运行
复制
<div v-html="PRODUCT.specs"></div>

拥有以下内容:

代码语言:javascript
运行
复制
<table><tr><td> </td></tr><tr><td>Диагональ - 19" </td></tr><tr><td><td>Интерфейсы - DVI, VGA</td></tr></table>

如何删除html标签?或者如何首先删除特殊字符?尝试使用sanitize也是如此

EN

回答 1

Stack Overflow用户

发布于 2020-08-05 17:56:13

使用此库对其进行清理

https://www.npmjs.com/package/vue-sanitize

然后添加一个已计算的

代码语言:javascript
运行
复制
checkHtml() {return this.$sanitize(my_api_value_with_html_tags)},

然后在模板上

代码语言:javascript
运行
复制
<div v-html="checkHtml"></div>

对于v-html的任何用法,可以查看v-html https://vuejs.org/v2/guide/security.html的官方vue安全页面。

在main.js中注册插件

代码语言:javascript
运行
复制
let defaults = VueSanitize.defaults;
Vue.use(VueSanitize,defaults);
票数 1
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/63262396

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档