数组循环过滤问题

Question

想去掉html的标签，正常显示content里面的内容

数据是list[0],list[1],list[2].....

请求到的数据用replace方法过滤掉，但是怎么循环遍历每一个

html(pug语法):

.item(v-for="(i,n) in newsData" :key="n")
  .title
    span {{i.title}}
    font 2018-03-15
  .content(v-text="i.content")

script：

methods: {
  getData() {
    this.$API
      .get("/article", {
        params: {
          pageNumber: 1,
          pageSize: 7,
          state: 2,
          category2: 'gsxw'
        }
      })
      .then(res => {
        this.newsData = res.list;
      });
  }
}

请求到的数据：

页面展示效果：

Answer 1

methods: {
  getData() {
    this.$API
      .get("/article", {
        params: {
          pageNumber: 1,
          pageSize: 7,
          state: 2,
          category2: 'gsxw'
        }
      })
      .then(res => {
        var div = document.createElement('div')
        this.newsData = res.list.map(item => {
            div.innerHTML = item.content
            item.content = div.innerText
            return item
        });
      });
  }
}

Answer 2

试试v—html