1 失常应用 v -html
export default {data() {
return {msg: '<div> 这是一个期待渲染的 html</div>'}
},
}
<div v-html="msg"></div>
渲染的后果是: 这是一个期待渲染的 html
2. 非凡的数据
export default {data() {
return {msg: '<div> 这是一段文本 <w56656565465</div>'}
},
}
<div v-html="msg"></div>
你们是不是认为后果是: 这是一段文本 <w56656565465
然而事实是: 这是一段文本
3. 论断
咱们在返回的数据不确定的状况下,要将返回数据做下本义,防止数据渲染出错同时也避免 xss 攻打