热门职位点击跳转

src/views/Home/personal/components/hotJobs.vue

@@ -1,14 +1,19 @@
 <template>
   <div class="box text-center">
     <span class="mr-2">热门职位:</span>
-    <v-btn v-for="(item, index) in jobs" :key="index" size="small" class="ml-2" color="primary" variant="tonal">{{ item.nameCn }}</v-btn>
+    <v-btn v-for="(item, index) in jobs" :key="index" size="small" class="ml-2" color="primary" variant="tonal" @click="handleClick(item)">{{ item.nameCn }}</v-btn>
   </div>
 </template>
 
 <script setup>
 import { getHotPositionList } from '@/api/common/index'
+import { useRouter } from 'vue-router'
 import { ref } from 'vue';
 defineOptions({ name:'personal-hotJobs-list'})
+const router = useRouter()
+
+
+const handleClick = (item) => { router.push({ path: '/recruit/position',query: item }) }
 
 // 获取行业树形
 let jobs = ref(null)