使用v-html造成的问题

export default {
  data() {
    return {
      msg: '<div>这是一个等待渲染的html</div>'
    }
  },
 }
 <div v-html="msg"></div>
 

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

export default {
  data() {
    return {
      msg: '<div>这是一段文本<w56656565465</div>'
    }
  },
 }
 <div v-html="msg"></div>
 

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

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

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

Tags 标签

扩展阅读

加个好友，技术交流