1、vue.js中提供了v-html这个指令来解决这个问题,或者对数据对象使用{{{vm.data}}}三个大括号来包裹对象;
2、问题描述:
<div class="inner_content" v-html="detailData.product_view">
输入的是:
image.png
解决方案:
导致问题的原因是接口返回的数据中未对html的内容做转义,导致页面输出了HTML的代码。
content = content.replace(/</g, '<').replace(/>/g, '>')
.replace(/&/g, '&').replace(/"/g, '"').replace(/'/g, "'");
将接口中返回的字符替换成对应的HTML标签,然后再使用v-html进行绑定,页面就显示正常了。
网友评论