鍍金池/ 問答/HTML/ 數(shù)組循環(huán)過濾問題

數(shù)組循環(huán)過濾問題

想去掉html的標(biāo)簽，正常顯示content里面的內(nèi)容

數(shù)據(jù)是list[0],list[1],list[2].....

請求到的數(shù)據(jù)用replace方法過濾掉，但是怎么循環(huán)遍歷每一個

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;
      });
  }
}

請求到的數(shù)據(jù)：
圖片描述
頁面展示效果：
圖片描述

回答
編輯回答
護(hù)她命

試試v—html

2018年1月27日 20:59
編輯回答
焚音
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
        });
      });
  }
}
2017年2月8日 02:47