4.11 前端路由修改

pages/credit/pages/index.vue

@@ -3,7 +3,7 @@
     <credit-common-title/>
     <section class="contentArea">
       <div class="list">
-        <div class="cell" v-for="(item, index) in list" v-key="'creditIndexList' + index">
+        <div class="cell" v-for="(item, index) in list" v-key="'creditIndexList' + index" @click="jumpTo(item.jumpUrl)">
           <div class="cellBody">
             <div class="left">
               <img :src="item.icon" alt="">
@@ -55,25 +55,25 @@
           icon: require('@/assets/img/credit/indexIcon0.png'),
           title: '身份特征',
           subTitle: '我们会从您的实名认证信息、学历信息、驾驶证、职业证书等信息，来考察您的身份特征',
-          jumpUrl: '', //跳转至身份特征页
+          jumpUrl: '/credit/identify', //跳转至身份特征页
           children: [ { name: '实名认证'}, { name: '最高学历认证' }, { name: '驾驶证' }]
         },{
           icon: require('@/assets/img/credit/indexIcon0.png'),
           title: '项目经历',
           subTitle: '我们会从您在程序员客栈，远程工作实际项目评价，来动态考察您的项目经历',
-          jumpUrl: '', //跳转至技能水平页
+          jumpUrl: '/credit/project', //跳转至技能水平页
           children: [ { name: '整包项目'}, { name: '云端工作' }, { name: '雇佣项目' }]
         }, {
           icon: require('@/assets/img/credit/indexIcon0.png'),
           title: '专业经历',
           subTitle: '我们会从您在程序员客栈，远程工作专业经历认证信息，来动态考察您的专业经历',
-          jumpUrl: '', //跳转至项目经验页
+          jumpUrl: '/credit/professional', //跳转至项目经验页
           children: [ { name: '工作经历'}, { name: '产品经理认证' }, { name: '项目经理认证' }, { name: '自由工作着' }]
         },  {
           icon: require('@/assets/img/credit/indexIcon0.png'),
           title: '社会信用',
           subTitle: '我们会从工商信息、失信记录、金融风险、芝麻信用等第三方信用机构，来考察您的社会信用',
-          jumpUrl: '', //跳转至社会信用页
+          jumpUrl: '/credit/credit', //跳转至社会信用页
           children: [ { name: '工商信息' }, { name: '失信记录' }, { name: '金融风险' }, { name: '芝麻信用' }, ]
         } ]
       }
@@ -81,7 +81,11 @@
     mounted() {
 
     },
-    methods: {}
+    methods: {
+      jumpTo(url) {
+        location.href = url
+      }
+    }
   }
 </script>