vue-route 写法总结

最新推荐文章于 2024-04-27 23:45:16 发布

weixin_42439326

最新推荐文章于 2024-04-27 23:45:16 发布

阅读量400

点赞数 1

分类专栏： vue 文章标签： vue-route

本文链接：https://blog.csdn.net/weixin_42439326/article/details/99565252

版权

vue 专栏收录该内容

4 篇文章 0 订阅

订阅专栏

1.在组件里点击直接跳转
(1)不带参

<div @click="$router.push({path:'/course/show'})"></div>

(2)带参

 <div @click="$router.push({path:'/course/show/'+id})"></div>

2.引用方法的形式

<template>
   <div class="search" @click="search()"></div>
</template>
<script>
   export default {
       name: "nav-header",
       methods: {
           search() {
               this.$router.push({path: '/search'})
           }
       }
   }
</script>

待更新…