Vue页面传值;路由跳转

最新推荐文章于 2022-09-21 20:31:19 发布

zlting~

最新推荐文章于 2022-09-21 20:31:19 发布

阅读量142

点赞数

分类专栏： VUE 文章标签： Vue 页面传值

本文链接：https://blog.csdn.net/sunshineTing2/article/details/102743214

版权

VUE 专栏收录该内容

114 篇文章 15 订阅

订阅专栏

A.vue-----B.vue

A.vue

<el-col :span="5">
   <div class="rightsBox" @click="toRights('科技论坛')">
       <span class="displayBlock marginTop10">科技论坛</span>
   </div>
</el-col>

methods: {
        toRights(title){
            this.$router.push({  //核心语句
                path:'/userRights',   //跳转的路径
                query:{           //路由传参时push和query搭配使用 ，作用时传递参数
                    rightsTitle:title,
                }
            })
        }
    }

B.vue

created(){
        this.activeName = this.$route.query.rightsTitle;
        if( typeof this.activeName === 'undefined'){   //判断是否有值
            this.activeName = '文献'
        }
},