通过 a href标签跳转vue页面传递参数并接受

最新推荐文章于 2022-07-14 21:15:02 发布
最新推荐文章于 2022-07-14 21:15:02 发布
阅读量5k 收藏
点赞数
分类专栏： VUE
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_42306286/article/details/107517783
版权

看   #/   这个符号的位置 

如果类似于 

http://ip:port/it/sheet/index.html#/?operCode=0244301&userId=admin  这种在#/后面传参

用this.$route.query.userId 就可以获取

如果是其他的类型，在$route中获取不到，需要通过window.location.href来获取全部的url，再通过字符串操作获取需要的参数。

前端ironFive
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
vue怎样通过href传递值_vue.js 实现a标签href里添加参数
weixin_34548449的博客
12-23 3252
vue.js 实现a标签href里添加参数源代码列表可以正常显示，但是连接没有实现对items.orderNo的值转化，最中解决方法此处的将a的标签href实现绑定：href同时对路径进一步转化拼接以上这篇vue.js 实现a标签href里添加参数就是小编分享给大家的全部内容了，希望能给大家一个参考，也希望大家多多支持我们。时间： 2019-11-10公司要做一个类似今日头条的项目,用前后端分离的...
a标签传值到另一个页面_vue的页面跳转方式和传值、取值
weixin_39880632的博客
11-25 1328
写业务中，从一个页面跳转到另一个页面，经常需要传值和取值，如何实现？1、通过router-link进行跳转，传递方式：使用query传递参数，路由必须使用path引入，使用params传递参数，路由必须使用name引入<跳转地址 ====> /home?key=hello&value=world取值 ====> this.$route.query.key<跳转地址 ...
vue - ＜a＞标签路由传参-接收参数
jieweiwujie的博客
11-03 737
vue----如何在a标签的href中传入需要的参数
bobobocai的博客
04-24 3万+
&lt;a :href="value.goodsId"&gt;&lt;/a&gt; 当点击a标签跳转到商品详情页的时候，需要获取到点击的商品的goodsId，所以要在a标签的href上传入goodsId的参数，但是直接   &lt;a href="{{value.goodsId}}"&gt;&lt;/a&gt; 或者 &lt;a :href="value.goodsI
vue.js 实现a标签href里添加参数
10-16
在Vue.js中，有时我们需要在`<a>`标签的`href`属性中动态添加参数，以便根据用户的数据或状态创建个性化的链接。这通常在构建动态路由或传递查询参数时非常有用。以下是如何在Vue.js中实现这个功能的详细步骤。 ...
vue单页面应用打开新窗口显示跳转页面的实例
10-17
综上所述，要在Vue单页面应用中打开新窗口显示跳转页面，只需要结合vue-router的`resolve`方法获取目标URL，并使用`window.open`方法创建新的窗口来加载该URL。这种方法适用于那些需要在新窗口中呈现内容，如打印...
详解前端在html页面之间传递参数的方法
09-28
- 可以直接修改`window.location.href`的值来实现页面跳转并携带参数。例如： ```javascript window.location.href = 'receive.html?hid=' + encodeURIComponent('参数值'); ``` 这里使用`encodeURIComponent`...
vue a标签点击实现赋值方式
10-14
在Vue.js中，A（anchor）标签通常用于创建链接，但有时我们需要在用户点击A标签时执行特定的JavaScript操作，而不是让浏览器跳转到指定URL。本篇文章将介绍如何在Vue中利用A标签实现点击赋值功能，并探讨与之相关的...
vue路由 实现步骤 跳转方式 传值方式
peilinll的博客
07-14 1756
vue路由的实现步骤 跳转方式 重定向 传值的四种方式
HTML页面向Vue页面传值
qq_19249021的博客
02-26 3576
一些传统的项目一般还是以.html为主。但是难免会有.html页面向vue项目传值的场景。本节将介绍html项目利用JavaScript向vue项目传值。 1：HTML页面传递事件 可以随便写一个用于跳转的事件。如下： <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="I.
【前端小卡】对vue中$attrs与 inheritAttrs的理解
Equicy的博客
04-30 262
首先引入官方解释 包含了父作用域中不作为 prop 被识别 (且获取) 的特性绑定 (class 和 style 除外)。当一个组件没有声明任何 prop 时，这里会包含所有父作用域的绑定 (class 和 style 除外)，并且可以通过 v-bind="$attrs" 传入内部组件——在创建高级别的组件时非常有用。 ####让我们用实例来进行说明 //app.vue <templat...
在js、vue中使用方法调用a标签
小码蚁
02-23 2823
<el-button type="primary" style="width:130px" @click="shout"> <a :href="跳转页面地址" style="color:#fff" id="test">超链接</a> </el-button> methods: { shout() { var a = document.getElementById("test"); a.href = 跳转页面...
[removed].href 跳转页面时传递参数并且在新页面接收参数
疏雨萧萧千行泪
12-28 4万+
可以直接使用window.location.href进行页面跳转 window.location.href = "./punch/clock_frm.html" 问号传参： window.location.href = "./punch/clock_frm.html?modFlag="+modFlag+'&amp;role='+role; 那么我们在新页面接收参数， 并且将参数转为可用的jso...
关于VUE如何将数据绑定到a标签的href上
丘鸣山的博客
05-13 5477
用过vue的程序员都知道vue数据嵌套到html中的格式是： {{data.xxx}} 如果想给标签内部的属性附上这个值该如何，a标签举个例子： <a class='weui-btn weui-btn_mini btn-Orange' :href="'RejectedDescription.aspx?OrderId='+item.Orderid">跳转</a> href 前必须加上：不然vue不会帮你获取 item.OrderId数值进行标签渲染 最终渲染完的结果就是：.
vue跳转网页的两种方式
qq_43537987的博客
06-26 3万+
网页跳转的两种方式 使用a标签（<router-link>）方式跳转 <!doctype html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, user-s...
html怎么在href中加参数,HTML中接收URL参数的三种方式
weixin_35702787的博客
05-31 734
１.使用 window.location.search 来取得后面的参数// param参数的名function getParameter(param){var query = window.location.search;var iLen = param.length;var iStart = query.indexOf(param);if (iStart == -1)return "";iSt...
vue中a标签的href属性的写法
热门推荐
mini白的博客
08-02 11万+
问题：vue.js a标签href里有变量，函数拼接问题 2017年05月31日 19:19:03 阅读数：19486 正确格式： &lt;a :href ="'http://search.jd.com/Search?enc=utf-8&amp;keyword='+keyWord+'&amp;page='+Math.ceil(record.skuRank/60)+'.html'"&gt;...
VUE_如何在a标签的href中传入需要的参数
小歪博客
04-22 4740
url地址传递参数 错误写法 <a href="{{value.goodsId}}"></a> <a :href="value.goodsId"></a> 正确写法 <div id="app"> <a :href="getGoodsHref(value.id )"></a></div> new ...
vue是用a标签打开新页面_vue 在新窗口打开页面并设置不同的背景
weixin_28984915的博客
01-30 2443
开发一个新系统，前端用的vue，vue是单体应用，所有页面都在一个窗口里实现，但项目要求在点button链接后要新打开一个浏览器页面，解决方法如下：1.给此button设置新事件@click="createdefect"提交缺陷2.在页面上新增一个默认 a组件3.写js事件createdefect(){let target = this.$refs.targettarget.setAttri...
vue3 a标签href跳转页面携带参数 获取参数
最新发布
06-10
如果你想要在 `a` 标签中跳转到另一个页面并且携带参数，可以使用以下方式： 1. 在链接中直接添加参数： ```html <a href="/page?id=123">跳转到页面</a> ``` 在另一个页面中，可以通过以下方式获取参数： ```javascript const searchParams = new URLSearchParams(window.location.search); const id = searchParams.get('id'); console.log(id); // 输出：123 ``` 2. 使用路由跳转并携带参数： 如果你使用的是 Vue Router，你可以在 `router-link` 组件中使用 `to` 属性来指定跳转的路径，并且通过 `query` 属性来传递参数： ```html <router-link :to="{ path: '/page', query: { id: 123 } }">跳转到页面</router-link> ``` 在另一个页面中，可以通过以下方式获取参数： ```javascript const id = this.$route.query.id; console.log(id); // 输出：123 ``` 希望能够帮到你！
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值