在新页签中打开时，如何访问通过Link元素传递的状态？
在新页签中打开时，可以通过Link元素传递状态，主要通过以下几种方式访问传递的状态：
- 使用URL参数：通过将状态作为URL的参数传递，在新页签中可以通过解析URL参数来获取传递的状态。例如，可以将状态编码为JSON字符串，并使用encodeURIComponent进行编码，然后将编码后的字符串作为URL参数传递。在新页签中，可以使用URL解析工具来获取并解码传递的状态。
- 使用LocalStorage或SessionStorage：在原页面中，将状态存储到LocalStorage或SessionStorage中，然后在新页签中读取并获取传递的状态。LocalStorage是一种持久化的本地存储方式，而SessionStorage是一种临时性的本地存储方式，两者的使用方法类似。
- 使用Cookies：通过将状态存储为Cookie的值，然后在新页签中读取Cookie来获取传递的状态。可以使用document.cookie属性来设置和读取Cookie的值。
需要注意的是，使用上述方式传递状态时，需要确保新页签和原页面处于同一个域名下，以保证能够正常读取和共享状态。
腾讯云相关产品和产品介绍链接地址：
- 腾讯云Serverless云函数（SCF）：https://cloud.tencent.com/product/scf 腾讯云SCF是一种事件驱动的无服务器计算服务，可以帮助开发人员按需创建、运行和管理云函数，实现在无需管理服务器的情况下进行代码部署和执行。
- 腾讯云对象存储（COS）：https://cloud.tencent.com/product/cos 腾讯云COS是一种高可靠、低成本的云端对象存储服务，适用于存储和处理任意类型的文件，可以支持个人、企业和开发者在云端存储和管理数据。
- 腾讯云容器服务（TKE）：https://cloud.tencent.com/product/tke 腾讯云TKE是一种高度可扩展的容器化应用管理服务，基于Kubernetes架构，提供灵活、高效、稳定的容器服务，适用于部署和管理云原生应用。
这些腾讯云产品可以提供给开发者在云计算领域进行开发、部署和运维的全方位支持。
相关·内容
我正在将一个状态从Link元素传递到另一个组件，如果我单击它，它会工作得很好，但如果我试图在新选项卡中打开该链接，则状态不会被传递。我该如何解决这个问题呢？参考代码： <Link to={{pathname:"/open-page", state:{key: 'hello'}}}/> openPage.js import Rea
浏览 21提问于2021-10-20得票数 1
1回答
我使用redux来存储我的状态。当我导航到同一页(多个组件，但在一个页面上)时，它可以正常工作。但当我在新选项卡/窗口中打开链接时，状态变为未定义。根据调查结果，当刷新页面或在新选项卡/窗口中打开时，预计redux状态将被重置。然后我想到的是在导航到另一个组件时将store.getState()作为参数传递，
浏览 3提问于2018-10-28得票数 0
我被<a href="/link/">元素点击了。但此链接是在新的非活动选项卡中打开的。如何将打开此链接的页签设置为活动状态？
浏览 1提问于2014-04-25得票数 0
1回答
我正在构建一个航班搜索应用程序，当我按下搜索按钮时，它会触发searchFlight()方法，该方法用结果设置状态。同时，我希望将此状态作为道具传递给下一个组件，并将我重定向到这个不同的页面'/results‘。
我目前在一个Button中有一个Link，通过Link作为道具传递状态。除了状态没有传递之外，一切都正常，因为在设
浏览 8提问于2019-10-23得票数 0
我需要将一些JavaScript对象传递给新打开的窗口。当我在新标签页中打开页面时，下面的代码运行良好。window.open(url, "_blank"); win.focus(); 我可以使用下面的命令访问page1.html上的数据 var data = window.opener.myD
浏览 24提问于2020-07-16得票数 3
我正在升级我的项目的搜索栏。当我按其中一个结果时，我希望打开一个新页面，其中包含所选对象的所有数据。下面是函数的代码，它在链接中显示搜索结果，理论上，当我按下名称时，我应该转到将对象传递给新页面的页面。 filteredData.length !> })} );所以这部分代码可以工作，但是新页面的结
浏览 8提问于2021-12-21得票数 0
回答已采纳
当抓取一个包含一个按钮的网站时，当点击这个按钮时，我通常会删除target=的“_blank”属性，以防止在新的标签中打开。然而，这一次，单击按钮会触发如下功能：ng-click="$ctrl.openPriceList()"，pdf在新选项卡中打开，删除按钮元素上的目标属性不起任何作用。在这种情况下，如何防止在</e
浏览 16提问于2020-02-11得票数 0
回答已采纳
当我按下母版的子项并加载另一页时，菜单就会像第一张照片中的那样崩溃。在导航到其他页面时，是否有任何方法使菜单保持打开。下面是我的HTML代码。我为这个问题被困了一个小时。'href' property of the DOM element is the absolute path
$("#layoutSidenav_nav .sb-sidenav a.nav-link" href="\PT AP
浏览 3提问于2021-05-12得票数 0
我有一个带有指向第2页的链接的page - page1。<Link to={{ pathname:`campaign/${data.id}`, state: data }}> View more </Link>
我将一个状态传递给Link元素中的新页面。在第2页中，我对传递的data进
浏览 0提问于2017-11-30得票数 0
回答已采纳
我通过使用vue-router并传递一些参数来打开一个新选项卡。我不想传递查询参数，因为我不想让用户看到它们。所以无论何时打开一个新页面，我传递的参数都不存在。我认为即使我在新的页面中打开，也应该可以访问这些参数，对吗？ let routeData = this.$router.resolve({ path: '/link<
浏览 71提问于2021-04-01得票数 0
道具是丢失后，页面是刷新在反应，我有一个网页，列出了商店的细节，如名称和位置。有一个链接，每个列出的商店，当点击，商店的细节将是opened..So，我已经通过链接传递的名称。我可以通过props.location.state访问。但是当我刷新页面时，名称就丢失了。<Link to={{pathname:'/listShops/' +
浏览 9提问于2017-07-24得票数 4
2回答
我很难理解如何设计这里的路由。例如- <Link to="details/${each.id}"> <Card props={each}/> </Link>通过点击这些卡片，详细页面的骨架将打开，但是我如何将与卡片相关的一些数据传递到新页面？我希望将一些
浏览 7提问于2021-03-13得票数 5
回答已采纳
1回答
我需要知道react路由器-dom如何持久化状态对象，例如，我有这样一条路由：''，如果我在新浏览器选项卡上打开这个路由，状态对象显然是未定义的，如果我从某个地方重定向到这个路由，那么state就是一个来自应用程序状态的对象，这是完全正常的……但是问题是，当我从不同的路由重定向并多次刷新页面时，状态又是一个对象，即使刷新页面，
浏览 1提问于2019-08-17得票数 2
回答已采纳
html标签"/href“和react路由器提供的导航页面的navlink有什么区别？我可以使用这两种方法来导航到不同的URL页面，那么为什么需要引入Navlink或Link呢？
浏览 1提问于2018-12-20得票数 4
回答已采纳
1回答
'This is an example title', frame: frame})片段- 1 one_link.click @browser.window.close end上面提到<
浏览 4提问于2013-11-13得票数 1
回答已采纳
我可以通过以下代码在js中添加一个a元素：var aTag = document.createElement('a');aTag.innerHTML = "link text";
浏览 2提问于2013-02-14得票数 1
回答已采纳
这个div位于一个控件中，并生成一个可单击的链接，单击该链接将在浏览器的新页面中打开url。<div class="link">
<span><a href="<%#XPath("link").ToString()%>" target="_blank">Link</a><
浏览 3提问于2014-03-13得票数 1
回答已采纳
1回答
我正尝试将状态值传递给另一个页面，并将其存储到localStorage中。状态已经存储，在我第一次运行我的应用程序时它就可以工作了。但是，每次刷新页面时，我的localStorage值都显示为undefined。据我所知，在我删除localStorage中的值之前，localStorage值将一直存在。我尝试在钩子useEffect函数中修改if
浏览 306提问于2020-12-14得票数 0
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
实时音视频
对象存储
云直播活动推荐
腾讯云开发者
