SmartStorage/pages/noticeDetail/noticeDetail.vue

<template>
  <view>
    <view class="notice-data">
      <view>公告标题：{{ listData.noticeTitle }}</view>
      <view>创建者：{{ listData.createBy }}</view>
      <view>创建时间：{{ listData.createTime }}</view>
      <view>公告内容：
		<view style="margin-top: 15rpx;" v-html="listData.noticeContent">
		</view>
	  </view>
    </view>
  </view>
</template>
  
  <script>
export default {
  data() {
    return {
      listData: ""
    };
  },
  methods: {
    extractTextFromHTML(htmlString) {
      return htmlString.replace(/<[^>]*>/g, "");
    }
  },
  onLoad(params) {
    let that = this;
	that.listData = ''
    console.log(params.noticeId);
    // 初始化请求单个公告详情
    that.$api.index
      .singleNotice(params.noticeId)
      .then(res => {
        console.log(res);
        if (res.data.code == 200) {
		  res.data.rows.forEach(item => {
			  if (item.noticeId == params.noticeId) that.listData = item
		  })
          /* let centent = decodeURIComponent(
            escape(atob(that.listData.noticeContent))
          );
          that.listData.noticeContent = this.extractTextFromHTML(centent).replace(/&nbsp;/ig, "");
		  console.log(that.listData.noticeContent); */
        }
      })
      .catch(err => {
        console.log(err);
      });
  }
};
</script>
  
  <style lang="scss">
.notice-data {
  width: 90%;
  margin: 20rpx auto;
  display: flex;
  flex-direction: column;
  overflow-x: auto;
  view {
    margin-bottom: 15rpx;
  }
  view:last-child {
    margin-bottom: 0;
  }
}
</style>