SmartStorage/pages/noticeDetail/noticeDetail.vue

<template>
  <view>
    <view class="notice-data">
      <view>公告标题：{{ listData.noticeTitle }}</view>
      <view>创建者：{{ listData.createBy }}</view>
      <view>创建时间：{{ listData.createTime }}</view>
      <view style="word-wrap: break-word;">公告内容：{{ listData.noticeContent }}</view>
    </view>
  </view>
</template>
  
  <script>
export default {
  data() {
    return {
      listData: ""
    };
  },
  methods: {
    extractTextFromHTML(htmlString) {
      return htmlString.replace(/<[^>]*>/g, "");
    }
  },
  onLoad(params) {
    let that = this;
    console.log(params.noticeId);
    // 初始化请求单个公告详情
    that.$api.index
      .singleNotice({
        noticeId: params.noticeId
      })
      .then(res => {
        console.log(res);
        if (res.data.code == 200) {
          that.listData = res.data.data;
          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;
  view {
    margin-bottom: 15rpx;
  }
  view:last-child {
    margin-bottom: 0;
  }
}
</style>