uniapp路由调整

简介: uniapp路由调整

1.传递参数的页面


 methods: {
     edit(urlse) {
                  // {{item.machineType==1?'易联云':(item.machineType==2?'飞鹅':(item.machineType==3?'飞鹅标签打印':'云想印'))}}
                console.log(urlse,'urlse')
                if(urlse.machineType==2){ //飞鹅
                    uni.navigateTo({
                        url:"/subPackage/pages/print/printItem?urlee="+ encodeURIComponent(JSON.stringify(urlse))
                    })
                }else if(urlse.machineType==1){
                    uni.navigateTo({
                        url:"/subPackage/pages/print/print?urlee="+ encodeURIComponent(JSON.stringify(urlse))
                    })
                }else{
                    uni.navigateTo({
                        url:"/subPackage/pages/print/printItemindex?urlee="+ encodeURIComponent(JSON.stringify(urlse))
                    })
                }
 }

2.接收路由参数的页面

 onLoad(options) {
           // console.log(options)
          this.options= JSON.parse(options.urlee)
           if (options != null) {
               this.options= JSON.parse(decodeURIComponent(options.urlee))
                 console.log('this.options传参的数据',this.options)
           }
       },

(2)新建的对象路由传递

2.1传递参数的页面

     //会员详情信息
            Jum(id){
                console.log(id,'id')
                let ids={
                    'add_time':id.add_time,
                    'discount':id.discount,
                    'distance_free':id.distance_free,
                    'distribution_free':id.distribution_free,
                    'id':id.id,
                    'img':id.img,
                    'nickname':id.nickname,
                    'price':id.price,
                    'store_id':id.store_id,
                    'sort':id.sort,
                    'status':id.status,
                    'type':id.type
                }
               let idss = JSON.stringify(ids)
               console.log(idss,'idss')
                uni.navigateTo({
                    url:'/packageTaoJiuKu/pages/membershipcard/open_vip?idss='+idss
                })
            },

2.2接收参数的页面

  onLoad(options) {
            console.log(options,'接收options的参数')
            this.options=JSON.parse(options.idss)
            console.log(this.options,'转类型')
            this.liebiao()
        },
相关文章
|
6月前
|
JavaScript 数据安全/隐私保护 UED
UniApp 中的路由魔法:玩转页面导航与跳转
UniApp 中的路由魔法:玩转页面导航与跳转
1618 3
|
6月前
|
JavaScript
uniapp+vue3路由跳转传参
uniapp+vue3路由跳转传参
313 0
|
2月前
|
API
uniapp使用路由名称跳转
【9月更文挑战第11天】在UniApp中,可通过定义路由名称实现页面跳转,需在`pages.json`中设置页面的`name`属性。使用`uni.navigateTo`等API并指定名称即可跳转,例如`name: 'detailPage'`。目标页面可在`onLoad`函数中获取传递的参数,这种方式使代码更清晰且便于维护,尤其适合大型项目。
|
2月前
vue3+uniapp配置路由导航守卫
vue3+uniapp配置路由导航守卫
|
6月前
|
前端开发 安全 JavaScript
UniApp 中的路由守卫与拦截器:守护应用的每一步
UniApp 中的路由守卫与拦截器:守护应用的每一步
1263 4
|
小程序 JavaScript 开发者
【uniapp】小程序分包、路由跳转
【uniapp】小程序分包、路由跳转
575 0
|
移动开发 小程序 JavaScript
【uniapp小程序】路由跳转navigator传参封装
【uniapp小程序】路由跳转navigator传参封装
609 0
【uniapp小程序】路由跳转navigator传参封装
|
4月前
|
JavaScript Java 测试技术
基于SpringBoot+Vue+uniapp的房屋租赁App的详细设计和实现(源码+lw+部署文档+讲解等)
基于SpringBoot+Vue+uniapp的房屋租赁App的详细设计和实现(源码+lw+部署文档+讲解等)
127 7
基于SpringBoot+Vue+uniapp的房屋租赁App的详细设计和实现(源码+lw+部署文档+讲解等)
|
4月前
|
JavaScript Java 测试技术
基于SpringBoot+Vue+uniapp的汉服交易小程序的详细设计和实现(源码+lw+部署文档+讲解等)
基于SpringBoot+Vue+uniapp的汉服交易小程序的详细设计和实现(源码+lw+部署文档+讲解等)
62 7
|
4月前
|
JavaScript Java 测试技术
基于SpringBoot+Vue+uniapp的宠物医院微信小程序的详细设计和实现(源码+lw+部署文档+讲解等)
基于SpringBoot+Vue+uniapp的宠物医院微信小程序的详细设计和实现(源码+lw+部署文档+讲解等)
82 7

热门文章

最新文章

相关实验场景

更多