nuxtProject/components/footer.vue

<template>
      <div class="client-footer">
       <div class="client-container">
         <div class="contact-box">
           <div class="contact-left-box">
             <dl>
               <dt>产品服务</dt>
               <dd>考试平台</dd>
               <dd>培训平台</dd>
               <dd>课程开发</dd>
             </dl>
             <dl>
               <dt>关于栋科</dt>
               <dd>公司简介</dd>
               <dd>加入栋科</dd>
               <dd>联系我们</dd>
             </dl>
             <dl>
               <dt>帮助中心</dt>
               <dd>说明文档</dd>
               <dd>应用下载</dd>
             </dl>
             <dl>
               <dt>法律声明</dt>
               <dd>服务条款</dd>
               <dd>隐私声明</dd>
               <dd>知识维权</dd>
             </dl>
             <dl>
               <dt>关注我们</dt>
               <dd>微信公众号</dd>
               <dd>新浪微博</dd>
             </dl>
           </div>
           <div class="contact-right-box">
             <h3>400-052-2130</h3>
             <p>周一至周日9:00-18:00</p>
             <p>（仅收市话费）</p>
             <a>联系客服</a>
           </div>
         </div>
         <div class="link-box">
           <h4>友情链接</h4>
           <div class="link-a-box">
             <a :href="item.url" v-for="(item,index) in requestData" :key="index">{{item.name}}</a>
           </div>
         </div>
         <h5>Copyright © 2019 llisoft.com All rights reserved 大连栋科软件工程有限公司 版权所有 辽ICP备09022904号-19</h5>
       </div>
     </div>
</template>

<script>
  import { mapState, mapGetters } from 'vuex';
  export default {
    name:    'mtaFooter',
    computed: {
      requestData() {
        return this.getFooterYouQingLianJie;
      },
      ...mapGetters(['getFooterYouQingLianJie']),
    },
    methods: {
      goToPage(item){
        window.location.href = item.url
      }
    },
  }
</script>