vue-router

本文探讨了在Vue中如何利用vue-router实现视图复用和权限控制。介绍了三种方法,包括无需额外处理的方法和需要结合参数进行权限控制的方法。同时,文章也讲解了vue-router的三个核心概念:route(路由)、routes(路由组)和router(路由管理者),以及vue实例如何注入这些路由概念。参考链接提供了一个基础使用的教程。
摘要由CSDN通过智能技术生成

vue  router  属性运用-共用一套view

方法1 不需要做其他处理

export default{
	data(){return{}},
	cteated(){
		this.initPage();
	},
	watch :{
        '$route': function (to, from) {
            this.initPage();
        }
    },
	methods:{
		  initPage(){
			//let url = window.location.href;
			  let name = this.$route.meta.name;
			  this.exportshowFlag = false;
			   switch(name){
				   case 'collectRecordquery':
					   this.exportshowFlag = false;
					   this.resetSubmit();
					   break;
				   case 'collectRecordExp':
					   this.exportshowFlag = true;
					   this.resetSubmit();
					   break;
				   default:
					   this.resetSubmit();
					   break;
			   }

		  },
		  //end
	}
}

 

方法2  需要拼接参数做权限控制

 

export default{
	data(){return{}},
	methods:{
		 checkAuth(url){
			  const menus = CommonMethod.
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值