Advertisement

技巧2.0 嵌套组件 router 推送参数跳转如何切换导航选中状态

阅读量:

#vuecli技巧2.0 嵌套组件中通过router.push进行参数传递跳转时,如何实现导航选中状态的切换

来源 :项目vue3demo1中的goodlist.vue与gooddetail.vue组件

效果图示 :

初始展示页面:

image-20220105174555787

选择导航条目:

image-20220105174415958

需求 :实现导航切换功能,区分导航样式在激活状态与非激活状态下的呈现形式。

若导航组件采用router-link进行构建,则请看链接

router-push

当路由跳转是通过router-push实现时,应如何实现选中状态的添加?

复制代码
    <!-- 路由跳转 第二种方式 router.push -->
    	<ul>
    		<li v-for="item,i

全部评论 (0)

还没有任何评论哟~