在url中带参数

如果只是在url中带参数的需求,比如tabs的话,都是本页面的切换

那步骤是

1.在当前页面的路由传入你所需要在url中显示的参数,例如

{
  path: ‘workorder‘,
  name: ‘workorder‘,
  menuName: ‘企业工单‘,
  ifMenu: true,
  icon: ‘iip-fa iip-fa-file‘,
  component: () => import(‘@/views/workorder/CompanyWorkorder.vue‘),
  meta: { typeName: ‘workorder‘ },
  props: route => ({ type: route.query.type })
}

将一下router传参数的区别

props传递的参数是可以在url中显示的    取值 props【‘参数’】 然后在created函数里面  赋值

params传递的参数不可以  取值  this.$router.params.参数名

2.在这个页面接收这个参数

props: [‘type‘],

3.在created周期函数里面接收这个函数

created () {
    if (this.type && this.type !== ‘‘) {
//然后赋值给data中定义好的属性中
      this.activeName = this.type
    }
}

4.完成

原文地址:https://www.cnblogs.com/joer717/p/10880050.html

时间: 2024-10-11 21:26:01

在url中带参数的相关文章

repeater控件自定义Url分页带参数

repeater控件的效果图如下: 该页面实现的功能如下: 1.上下分页,(也可以带首页和末页,我只是禁掉了没用) 2.根据用户输入的指定分页索引进行跳转 3.根据筛选数据的参数进行URL分页的参数传递 4.数据的导出功能 前台代码: <!--表格具体内容--> <div class="table-box"> <table> <thead> <tr> <th>编号</th> <th>姓名&l

nginx rewrite 之后的url不带参数

rewrite (.*) http://192.168.1.22/index.htm? permanent; nginx rewrtie的时候会带上参数,在结尾带上?的话,nginx将丢弃请求中的参数. nginx rewrite 之后的url不带参数

php 发送post请求且header中带参数bug调试

  通常get方式header中带参数如下通过curl调用即可: function send_get_curl_header($url, $data){ $ch = curl_init(); curl_setopt($ch, CURLOPT_URL, $url); curl_setopt($ch, CURLOPT_HEADER, 0); curl_setopt($ch, CURLOPT_TIMEOUT, 30); curl_setopt($ch, CURLOPT_CONNECTTIMEOUT,

javascript获取当前url中的参数

javascript获取当前页面url中的参数可以使用location的search方法,获取到的是url中?后面的部分,例如http:localhost:8080/Manager/index.jsp?id=1 使用location的search方法可以获取到字符串?id=1;想要获取?后面的键值对可以使用substring方法对其进行截取,截取后获得id=1;需要获得id的值,可以使用split()方法对其进行拆分,拆分表达式为"=".下面看具体例子: window.onload =

如何获取url中的参数并传递给iframe中的报表

在使用报表软件时,用户系统左边一般有目录树,点击报表节点就会在右侧网页的iframe中显示出报表,同时点击的时候也会传递一些参数给网页,比如时间和用户信息等.如何使网页中的报表能够获取到传递过来的参数呢?以下用报表软件FineReport简单介绍一些. 具体实现过程 将报表生成页面时,给网页添加onload事件,首先获取url中的参数,然后嫁接到iframe的src上,或者通过获得的参数拼接处完整的报表url赋给iframe的src. <html> <head> <title

.NET 获取Get方式URL中的参数键值

在Web开发中,我们常常会涉及到需要获取Get方式URL中的参数键值的情况,这里简单介绍三种方法: 第一种:常用的做法有使用JavaScript获取location.href后用正则表达式匹配获取此URL的所有键值对: 第二种:这里比如有个Key参数键,需要获取它对应的值:这时可以使用.NET里的Request.Form["Key"](针对Post)或Request.QueryString["Key"](针对Get),也可以用Request["Key&qu

C#获取URL中的参数

//获取URL中id参数  var ids = YK.Common.Util.WebKit.QueryParamValue("ids", "");         /// <summary>         /// 获取url参数的字符串类型值         /// </summary>         /// <param name="key">参数名</param>         /// &

vue中如何不通过路由直接获取url中的参数

前言:为什么要不通过路由直接获取url中的参数? vue中使用路由的方式设置url参数,但是这种方式必须要在路径中附带参数,而且这个参数是需要在vue的路由中提前设置好的. 相对来说,在某些情况下直接在url后面拼接?mid=100的方式传递参数更灵活,你不需要设置路由,只需要在url后拼接参数即可,但是这种方式就需要通过javascript获取并提取url中的参数,通过传统的方式直接在页面中获取是行不通的了,因为vue中是无法通过location.search()来获取url问号之后的内容的.

JavaScript隐藏Url中的参数

<script type="text/javascript"> function submitForm(url, data) { var eleForm = document.body.appendChild(document.createElement('form')); eleForm.action = url; for (var property in data) { var hiddenInput = document.createElement('input');