下载安卓APP箭头
箭头给我发消息

客服QQ:3315713922

web前端:vue中监听路由参数的变化

作者:Jade_g     来源: https://www.cnblogs.com/gxp69/p/11994481.html点击数:1425发布时间: 2020-03-19 22:58:37

标签: 互联网路由vue

Web开发

  路由(routing)是指分组从源到目的地时,决定端到端路径的网络范围的进程。路由工作在OSI参考模型第三层--网络层的数据包转发设备。路由器通过转发数据包来实现网络互连。

  在vue项目中,假使我们在同一个路由下,只是改变路由后面的参数值,期望达到数据的更新。

  mounted:()=>{

  this.id=this.$route.query.id;

  this.getdetail()

  }

  getDetail()方法中会用到this.id这个参数,在同一页面切换id的值,并不会触发vue的声明周期函数。

  可以添加路由监听:

  watch:{

  $route:{

  handler(){

  this.id=this.$route.query.id;

  this.getDetail();

  //深度监听,同时也可监听到param参数变化

  },

  deep:true,

  }

  }

  路由引导封包转送,经过一些中间的节点后,到它们最后的目的地。作成硬件的话,则称为路由器。路由通常根据路由表——一个储存到各个目的地的最佳路径的表——来引导封包转送。在大型网络中,路由优于桥接,且路由已经成为互联网上寻找路径的最主要方法。较小的网络通常可以手动设定路由表,但较大且拥有复杂拓扑的网络可能常常变化,若要手动建立路由表是不切实际的。

赞(14)
踩(0)
分享到:
华为认证网络工程师 HCIE直播课视频教程