VUE使用params隐藏参数,不在地址栏中显示传的参数

VUE跳转页面传值 地址栏显示传值或者不显示地址栏传值
a页面传值到b页面
params 传参 : 相当于post请求,页面跳转时参数不会在地址栏中显示

this.$router.push({

name:‘‘,

params: { id:idParams }

})

接收参数:this.$route.params.id

query 传参 : 相当于get请求,页面跳转时参数会在地址栏中显示

this.$router.push({

name:‘‘,

query: { id:idParams }

})

接收参数:this.$route.query.id

注意:传参是 router , 接收参数是 route

转自:https://blog.csdn.net/weixin_43836052/article/details/95166345

原文地址:https://www.cnblogs.com/bailing80/p/12565533.html

时间: 2024-10-11 20:44:32

VUE使用params隐藏参数,不在地址栏中显示传的参数的相关文章

如何在url地址栏中直接写数组参数进行传递

今天博主遇到这样一个问题,就是如何在浏览器url地址栏中直接写入数组参数进行传递,问了身边几个同事,都没有找到成功的书写方法.就开始怀疑是否可以在地址栏中直接写入数组进行传递.开始在谷歌,百度进行搜索查询,也是同样没有找到有用的信息. 也许,大家很少遇到这样的情况. 就这样,我自己开始慢慢的尝试书写,将自己熟悉的几种方式全部都试了一遍,依然传递不对.最后在无意情况下,不小心将参数多复制了一个,点击回车,竟然传递成功了,还是数组结果.瞬间成就满满,虽然只是一个简单小应用. 特此,写一贴给广大博友分

JavaScript获取地址栏中的参数

1.获取地址栏中的参数 (1)若地址栏中的地址是: http://10.124.36.56:8080/CMOD/index.jsp?name=you&password=123456&type=student (2)获取地址栏中的最后一个参数type 2.实现的JS function getAddressURLParam(paramName) { //构造一个含有目标参数的正则表达式的对象 var reg = new RegExp("(^|&)" + paramN

Java Web开发 - 将浏览器地址栏中的 Request 参数显示成中文

希望实现:在当 JSP 页面发起请求,或者 Servlet 跳转时,地址栏中的参数可以显示成中文. 在通常情况下,浏览器地址栏中的URL地址为了适配不同的浏览器,会将URL地址信息转码为"ISO 8859-1",中文参数就会被转码. 但是现在我们希望在浏览器地址栏中显示中文参数,可以使用如下办法: String url = "http://localhost:8080/test.jsp?notice=" + java.net.URLEncoder.encode(&q

浏览器地址栏中加入ico图标的二种方法

在你的网页文件之间加入下面代码: 1.在URL地址栏中显示ico 2.在收藏夹中显示ico 1 link href="/favicon.ico" type="image/x-icon" rel="shortcut icon"/> 2 <link rel="Bookmark" href="/favicon.ico">

jQuery获取地址栏中的链接参数

http://caibaojian.com/177.html 问题描述 今天做一个主题,有一个需求是根据不同的页面来做,虽然php也可以做到,不过考虑到自己的特效代码都是在jQuery上完成,想着能否直接通过获取地址栏中的链接参数里面的数字直接来实现效果. 假设页面的地址是这样子的.http://caibaojian.com/p/165 ,那么我要获取最后的一个数字165,可以通过这样子的代码· var url= window.location.href; var index = url.sub

JS分页 + 获取MVC地址栏URL路径的最后参数

1 @{ 2 Layout = null; 3 } 4 5 <!DOCTYPE html> 6 7 <html> 8 <head> 9 <meta name="viewport" content="width=device-width" /> 10 <title>AjaxPage</title> 11 <script src="/Scripts/jquery-1.7.1.js&q

地址传值中截取地址栏中的参数

/*截取地址栏中的参数所调用的函数*/function GetRequest() {  var url = location.search; //获取url中"?"符后的字串   var theRequest = new Object();   if (url.indexOf("?") != -1) {      var str = url.substr(1);      strs = str.split("&");      for(v

获取URL地址栏中的参数并返回值

* 作用:获取URL地址栏中的参数并返回值 * @param 需要获取URL中的某个参数, String类型 */function GetLocationParam(param) { // 得到window.location的某个参数 var ss = ('' + window.location).split('?'); if(ss.length > 1) { var sss = ss[1].split('&'); for(var i = 0; i < sss.length; i++)

前端Vue框架 04 路由:逻辑跳转、路由传参 项目组件的数据局部化处理data(){ return{} } 组件的声明周期 组件间通信 各种第三方插件(vuex,axios,element-ui,(jq+bs))

项目初始化 """ 1)根组件:App.vue <template> <div id="app"> <router-view /> </div> </template> 2)路由配置:router/index.js const routes = [ { path: '/', name: 'Home', component: Home } ]; 3)组件:views和components文件夹 i)