uniapp中uni.navigateTo传递变量

效果展示:

核心代码:

uniapp中uni.navigateTo传递变量

javascript 复制代码
 methods: {
    changePages(item) {
      setDatas("maintenanceFunName", JSON.stringify(item)).then((res) => {
        uni.navigateTo({
          url: `/pages/PMS/maintenance/maintenanceTypes/maintenanceTypes?id=${item.name}`,
        });
      });
    },
  },

另一个待跳转页面接收参数:

javascript 复制代码
//vue2、uniapp写法
onLoad(params) {
    this.title = params.id;//接收参数并赋值给this.title
    getDatas("maintenanceFunName").then((res) => {
      let maintenanceFunName = JSON.parse(res);
      // 页面标题
      this.title = maintenanceFunName.name;
      // 获取接口的函数名
      this.getNumFun = this.apiFuns[maintenanceFunName.apipost];
      // 状态列表
      this.stateList = maintenanceFunName.stateList;
      // 跳转到详情页面的地址
      this.detailPage = maintenanceFunName.detailPage;
      // 固定参数
      if (maintenanceFunName.parameter) {
        this.pages = { ...this.pages, ...maintenanceFunName.parameter };
      }
      this.getTableList({ ...this.pages, shipGuid: this.shipGuid });
      // 列表展示的组件名
      this.repairListName = maintenanceFunName.componentName;
    });
  },

备注:

如何查看路由传参的参数是什么?

传参的params是object类型,会序列化上个页面传递的参数。

打印出上个页面传递的参数。

相关推荐
游王子2 小时前
uni-app(3):互相引用
uni-app
游王子16 小时前
uni-app(4):js语法、css语法
uni-app
晓晓莺歌17 小时前
uniapp图片下载(微信H5可用、小程序应该也通用)
uni-app
Vue102417 小时前
uniapp 嵌入鸿蒙原生组件 具体步骤
华为·uni-app·harmonyos
耶啵奶膘17 小时前
uniapp+vue3 随机、换一批
uni-app
Li_Ning211 天前
【uniapp】 iosApp开发xcode原生配置项(iOS平台Capabilities配置)
ios·uni-app·xcode
温酒斟与你2 天前
UniApp+Vue3微信小程序二维码生成、转图片、截图保存整页
微信小程序·uni-app·vue
Bald Baby2 天前
uniapp实现H5、APP、微信小程序播放.m3u8监控视频
微信小程序·小程序·uni-app·音视频·视频
stpzhf2 天前
uni-app 排坑
uni-app
资深前端之路2 天前
uniapp vue 开发微信小程序 分包梳理经验总结
uni-app