企业

liuqimichale
1 parent e241b258
Showing 3 changed files with 43 additions and 4 deletions
webintroduce/src/router/index.js
webintroduce/src/views/VEnterprise.vue
webintroduce/src/views/VHome.vue
@@ -2,6 +2,7 @@ import Vue from &#39;vue&#39;
 import Router from 'vue-router'
 import VHome from '../views/VHome'
 const VSolution = () => import('../views/VSolution')
+const VEnterprise = () => import('../views/VEnterprise')
  
 Vue.use(Router)
  
@@ -14,13 +15,18 @@ export default new Router({
     },
     {
       path: '/home',
-      name: 'VHome',
+      name: 'home',
       component: VHome
     },
     {
       path: '/solution',
-      name: 'VSolution',
+      name: 'solution',
       component: VSolution
     },
+    {
+      path: '/enterprise/:id',
+      name: 'enterprise',
+      component: VEnterprise
+    }
   ]
 })
+<template>
+    <div>企业介绍</div>
+</template>
+
+<script>
+export default {
+  name: 'VEnterprise'
+}
+</script>
+
+<style scoped lang="scss">
+
+</style>
 <template>
-    <div>home</div>
+    <ul>
+      <li v-for="(enterprise,index) in enterprises"
+      :key="index" @click="toEnterprise(enterprise.id)">
+        {{enterprise.name}}
+      </li>
+    </ul>
 </template>
  
 <script>
 export default {
-  name: 'VHome'
+  name: 'VHome',
+  data(){
+    return {
+      enterprises:[
+        {name:'企业1',id:1},
+        {name:'企业2',id:2},
+        {name:'企业3',id:3},
+        ]
+    }
+  },
+  methods: {
+    toEnterprise(id){
+      console.log(id)
+      this.$router.push({name:'enterprise',params:{id:id}})
+    }
+  }
 }
 </script>