使用v-html造成的问题

1 正常使用v-html

export default {
  data() {
    return {
      msg: '
这是一个等待渲染的html
'
    }
  },
 }
 

 

渲染的结果是： 这是一个等待渲染的html

2. 特殊的数据

export default {
  data() {
    return {
      msg: '
这是一段文本'
    }
  },
 }
 

 

你们是不是以为结果是：这是一段文本

但是现实是： 这是一段文本

3. 结论

我们在返回的数据不确定的情况下，要将返回数据做下转义，避免数据渲染出错同时也防止xss攻击