页面跳转带参数

<template slot-scope="scope">

<el-button type="text" size="mini" @click="view(scope.row)">查看</el-button>

</template>

1、本页面

    view(row) {

//     console.log(row)

        let roleId=row.roleId

下面是用路由方式把本页面想获取的信息传给下个页面

        this.$router.push(

           {

               path:'/group/permession/role/view',

               query:{

                      roleId: roleId

                  }

               }

        )

},


2、跳转页面

    handleQuery(){

        let query = this.$router.currentRoute.query

        console.log(this.$router.currentRoute)

//      let roleId = query.roleId

   }




### JSF 中实现带参数页面跳转 在 JavaServer Faces (JSF) 技术中,可以通过多种方式实现在页面之间传递参数执行跳转。以下是几种常用的方法: #### 使用 `f:setPropertyActionListener` 设置 Bean 属性 当需要将特定值绑定至托管Bean中的属性时,可以利用 `<f:setPropertyActionListener>` 标签来完成这一操作[^2]。 ```xml <h:commandButton value="Submit"> <f:setPropertyActionListener target="#{myBean.myParam}" value="someValue"/> </h:commandButton> ``` 上述代码片段展示了如何通过按钮点击事件触发设置目标Bean (`#{myBean}`) 的某个属性(`myParam`)为指定值(`someValue`)的操作。 #### 利用 URL 查询字符串进行参数传输 另一种常见的做法是在导航过程中直接向URL附加查询参数,从而允许接收方页面获取这些参数作为输入源之一。这通常适用于GET请求场景下。 ```java FacesContext.getCurrentInstance().getExternalContext() .redirect("targetPage.xhtml?paramName=paramValue"); ``` 此段Java代码用于强制浏览器重定向到新的地址,附加上必要的查询参数以便后续处理[^3]。 #### 应用视图作用域变量存储临时数据 对于那些希望跨多个请求保持一致性的简单状态信息而言,在应用层面上定义视图范围内的共享对象不失为一个好的解决方案;这样做的好处是可以减少不必要的HTTP往返次数以及提升用户体验流畅度。 ```xml <managed-bean> <managed-bean-name>viewScopedBean</managed-bean-name> <managed-bean-class>com.example.ViewScopedBean</managed-bean-class> <managed-bean-scope>view</managed-bean-scope> </managed-bean> ``` 以上配置文件摘录说明了怎样声明一个具有视图生命周期特性的管理组件实例,使得其内部成员能够在一定条件下被不同页面间安全地访问和修改[^4]。
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值