用vue-html-secure解决,谢谢大家
从api我得到了这个-
specs: <table><tr><td> </td></tr><tr><td>Диагональ - 19" </td></tr><tr><td>Интерфейсы - DVI, VGA</td></tr></table>
与一起使用
<div v-html="PRODUCT.specs"></div>
拥有以下内容:
<table><tr><td> </td></tr><tr><td>Диагональ - 19" </td></tr><tr><td><td>Интерфейсы - DVI, VGA</td></tr></table>
如何删除html标签?或者如何首先删除特殊字符?尝试使用sanitize也是如此
发布于 2020-08-05 17:56:13
使用此库对其进行清理
https://www.npmjs.com/package/vue-sanitize
然后添加一个已计算的
checkHtml() {return this.$sanitize(my_api_value_with_html_tags)},
然后在模板上
<div v-html="checkHtml"></div>
对于v-html的任何用法,可以查看v-html https://vuejs.org/v2/guide/security.html的官方vue安全页面。
在main.js中注册插件
let defaults = VueSanitize.defaults;
Vue.use(VueSanitize,defaults);
https://stackoverflow.com/questions/63262396
复制相似问题