vue2 query路由传参，页面接收监听

today喝咖啡了吗

已于 2024-07-16 14:02:14 修改

阅读量91

点赞数 2

文章标签：前端服务器 javascript

于 2024-07-16 11:27:54 首次发布

本文链接：https://blog.csdn.net/xiao_qiang666/article/details/140461732

版权

实现路由跳转并传递查询数据，a页面跳转b页面。

a页面：

this.$router.push({
        path: "device",
        query: { onoff: "0" },
      });

b页面：

  watch: {
    "$route.query": {
      handler(newParams, oldParams) {
        // 更新组件中的参数
        this.queryParams.onoff = newParams.onoff ? newParams.onoff : "";
        // 根据参数的不同，更新查询参数或重新获取数据
        this.getList();
      },
      deep: true, // 深度监听，以捕捉对象内部的变化
      immediate: true,//一定要添加，否则当变量第一次赋值的时候，watch监听是不会生效的，watch只能监听值的变化，不能监听赋值‘
    },
  },