关于vue.js:使用vhtml造成的问题

42次阅读

共计 305 个字符,预计需要花费 1 分钟才能阅读完成。

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 攻打

正文完
 0