nuxtProject/pages/news/_id.vue

<template>
  <div class="client-details-page">
    <MtaBreadcrumb></MtaBreadcrumb>
    <!-- 详情页 -->
    <div class="client-details-box">

      <!--行业资讯详情-->
      <div class="client-details-wrap">
        <h1>{{infoData.title}}</h1>
        <p class="details-visits-box"><i></i><span>{{infoData.startTime}}</span><i type="visits"></i><span>{{infoData.visits}}</span></p>
        <div class="client-content-box" v-html="infoData.content"></div>
        <div class="client-details-pagination"><span>上一篇：职场同事可以作为朋友吗？</span><span>下一篇：HR如何帮助试用期员工快速融入团队</span></div>
      </div>

      <!-- 最新新闻 -->
      <div class="latest-news-box">
        <h4>最新新闻</h4>
        <ul class="latest-news-list">
          <li>
            <a>HR如何帮助试用期员工快速融入团队</a>
            <p class="details-visits-box"><i></i><span>2020-08-03</span><i type="visits"></i><span>1000</span></p>
          </li>
          <li>
            <a>HR如何帮助试用期员工快速融入团队</a>
            <p class="details-visits-box"><i></i><span>2020-08-03</span><i type="visits"></i><span>1000</span></p>
          </li>
          <li>
            <a>HR如何帮助试用期员工快速融入团队</a>
            <p class="details-visits-box"><i></i><span>2020-08-03</span><i type="visits"></i><span>1000</span></p>
          </li>
        </ul>
      </div>

    </div>
  </div>
</template>

<script>
  export default {
    name:       'news',
    async asyncData({params,req,query}){

      console.log(params);
      console.log(req);
      console.log(query);
    },


    components: {
    },
    props:      {
    },
    data() {
      return {

      };
    },
    computed:   {},
    methods:    {

    },
    created() {

    },
    mounted() {
    },
    beforeDestroy() {
    },
  };
</script>
<style>

</style>