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进行绑定，页面就显示正常了。
1、vue.js中提供了v-html这个指令来解决这个问题，或者对数据对象使用{{{vm.data}}}三个大括号...
Vue渲染到html元素的数据时使用v-html输出解析 下面json的数据 在vue中输出label或title...
vue中可通过v-html来显示html内容 也可使用{{{}}},2.0之后不推荐使用
...
关于v-html 在vue使用中，指令v-html渲染页面经常用到，类似于jQuery的$('x').html...
vue由模板、实例、组件组成 模板 v-text解析文本，跟{{}}效果一样 v-html解析html 事件v-o...
1，补vue指令(1) v-html :可以解析html标签(2) v-text :不论什么都解析成文本格式(3)...
一、前言 vue中可以使用插槽slot分发内容给子组件，slot可以避免html被转义（不需要使用v-html）。...
项目中遇到一个问题，使用 Vue 的 v-html 加载数据后，内容里边的后台传回图片太大，显示不全。可以有以下解...
基本使用 React基本使用 直接渲染 html，相当于 vue 中的 v-html React 事件 ...
在vue中可以使用v-html去动态解析iconfont码，但是uniapp的小程序端 就很尴尬了，不支持，所以我...
本文标题：Vue 使用v-html后内容未能解析成html解决方法
本文链接：https://www.haomeiwen.com/subject/lkzuirtx.html
网友评论