vue中,如何把文本转换成富文本模式

今天做一个活动页面,其中需要把获取活动简介的数据转换成富文本模式.

这个需求,只需要一个vue指令就可以搞定.那就是 v-html 

这样后端传来的数据,即使带有各种标签,也可以以想要的html格式呈现在页面上,而不是连换行也没有的默认样式.

 

 

<p v-html="description">

 {{description}}

</p>

export default {
  data () {
    return {
      description: "后端获取的含有标签的html内容"
    }
  }
}

 这个指令以前就用过,可是老忘,就直接记到博客里吧!