老师,关于order页面的mounted钩子函数里的问题
来源:13-4 微信支付状态轮询
 
			拍拍你的头
2021-06-23
mounted(){
    let path=this.$route.path;
    if(path=='/order/confirm'){
      this.title='订单确认';
      this.tip='请认真填写收货地址';
    }else if(path=='/order/list'){
      this.title='订单列表';
      this.tip='请谨防钓鱼链接或诈骗电话,了解更多>';
    }else if(path=='/order/pay'){
      this.title='订单支付';
      this.tip='请谨防钓鱼链接或诈骗电话,了解更多>';
    }else{
      this.title='订单支付';
      this.tip='请谨防钓鱼链接或诈骗电话,了解更多>';
    }
  },
如果像这样写,我们的orderHeader组件并不会显示正确的title信息,比如在订单支付(显示订单提交成功那个界面)title信息还是订单确认,刷新之后才会是订单支付,是不是因为是子路由切换mounted函数只执行了一次造成的原因呢?还是我写的有问题?我看你最终的代码头部组件都直接在子路由上引入的,如果不按这种方式,可以怎么样呢?我这样写可以吗?
mounted(){
    let path=this.$route.path;
    if(path=='/order/confirm'){
      this.title='订单确认';
      this.tip='请认真填写收货地址';
    }else if(path=='/order/list'){
      this.title='订单列表';
      this.tip='请谨防钓鱼链接或诈骗电话,了解更多>';
    }else if(path=='/order/pay'){
      this.title='订单支付';
      this.tip='请谨防钓鱼链接或诈骗电话,了解更多>';
    }else{
      this.title='订单支付';
      this.tip='请谨防钓鱼链接或诈骗电话,了解更多>';
    }
  },
  watch:{
    $route(newRoute){
      if(newRoute.path=='/order/pay'){
        this.title='订单支付';
      this.tip='请谨防钓鱼链接或诈骗电话,了解更多>';
      }
    }
  },
写回答
	1回答
- 
				  河畔一角 2021-06-23 是的,后面我又改回去了,实际上要监听路由变化 032021-06-24
相似问题
