关于原生js页面传值的问题！

现在有三个组件（A、B、C），A组件是父组件；
假如在A组件data里定义一个变量state：false；

然后在B组件的方法里想改这个值，可以用以下写法且没问题，

在然后在C组件的方法里也想改这个值，可以用以下写法且也没问题，

现在的问题是：在C组件data里定义一个变量isShow：false；

怎么在B组件里修改C组件isShow的值，请问该怎么改？

前提是不想在sessionStorage里存取

写回答
好问题 0 提建议
追加酬金
关注问题
分享
邀请回答
编辑收藏删除
收藏举报

4条回答默认最新

关注

码龄粉丝数原力等级 --

被采纳

被点赞

采纳率
CSDN专家-showbo 2022-02-16 15:15
关注
看题主是通过iframe形式来加载页面，只要搞清楚a，b，c所在组件的iframe层架关系，就可以相互访问到对应的变量了
访问iframe中全局变量可以用下面的代码
document.getElementById('iframeId').contentWindow.全局变量名

B改C所在组件关系应该是这样，注意id

parent.parent.getElementById('C所在第一级iframe的id').contentWindow.document.getElementByid('C所在iframe的Id').contentWindow.vueContentElement

本回答被题主选为最佳回答 , 对您是否有帮助呢?

解决无用
评论打赏
分享
举报编辑记录

评论

按下Enter换行，Ctrl+Enter发表内容

查看更多回答(3条)

报告相同问题？

关注问题

关于原生js页面传值的问题！ javascript vue.js 前端有问必答
2022-02-16 15:05

回答 4 已采纳看题主是通过iframe形式来加载页面，只要搞清楚a，b，c所在组件的iframe层架关系，就可以相互访问到对应的变量了访问iframe中全局变量可以用下面的代码document.getElement
H5 页面跳转传值问题？ ajax chrome html5 javascript jquery
2019-08-07 19:19

回答 3 已采纳 https://blog.csdn.net/whp15369657805/article/details/58665733
原生js实现h5应用页面跳转 javascript 前端
2022-07-21 08:33

回答 5 已采纳 history 对象https://www.jianshu.com/p/bbc2f9552c06
两个原生JS跨页面传值的小方法
2021-07-28 20:25

白瑕的博客文章目录前言一、localStorage本地存储二、URL传值总结这会不会是今天写的最简单的一篇文…? 前言今天在学校做2020年的题,碰到一个需求:用户在这个页面选择了症状,需要在下一个页面显示出用户选择的项; 这,这就...
原生js上传插件，上传图片问题！ javascript jquery 前端有问必答
2022-03-01 14:21

回答 4 已采纳直接改获取dom中的预览图片数据来验证即可。 <!DOCTYPE html> <html> <head> <meta charset="utf-8"
原生JavaScript中组件的复用相关问题 css javascript 前端
2023-03-08 17:39

回答 5 已采纳该回答引用GPTᴼᴾᴱᴺᴬᴵ在原生JavaScript中，您可以使用以下方法来解决您的问题： 1.如何导入CSS文件？您可以通过创建一个新的元素并将其添加到HTML文档的部分来导入CSS文件。以下是示
原生js如何转成vue项目 javascript 前端
2022-06-05 11:14

回答 2 已采纳给.card-buttons button 元素绑定@click="handleButtonClick" 类名动态添加可以改成object https://cn.vuejs.org/v2/guide/
【JavaScript】页面之间传值的方法
2022-04-26 17:45

请叫我背影男神的博客在前端开发中我们常常需要从一个跳到另一个页面，并且将当前页面的数据传递过去，总结一下我的方法： 1 通过URL传值缺点：传输的值不能太大，因为浏览器对与URL的长度是有限制的。 redemption....
js原生实现折叠菜单效果！！！ javascript
2016-11-30 07:44

回答 5 已采纳 ul li 用JS控制隐藏显示。
原生js alert弹框点击确定，怎么才能跳转其他页面 javascript vue.js 前端有问必答
2022-02-07 19:05

回答 4 已采纳 alert('要提示的错误信息！') location.href='登录页面url';
关于js原生清空input无效的问题 javascript
2021-05-14 17:19

回答 3 已采纳 document.getElementById('empName').value=“”；需要直接操作文档元素，其他同理
uni app页面传值
2022-10-14 06:15

密西西比河呀呀呀的博客传值是很常见的知识点，刚开始接触uni app总会踩到很多传值的坑，不是这里传不过去，就是那边接收不到，以下是我遇到过的一些传值方式，实在不行，咱就一个一个试，总有一个能“干起”。
前端苹果手机兼容问题，急！！！ html5 iphone javascript
2020-04-10 16:36

回答 2 已采纳你用的什么浏览器？你的问题是浏览器不支持 let 要改成var 或者加入 ``` ```
前端父子页面传值以及layer的传值
2019-08-28 16:42

cp_123321的博客父页面获取子页面元素 $("#iframeID").contents().find("#eleID") 示例代码： father.html <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>父级页面&...
js前端多页面动态传值
2019-07-26 12:04

LRyab博客的博客 1需求分析在项目中其中有这样一个需求，我页面是由2个iframe页面嵌套组成，我需要点击第一个iframe的... 思路：采用js原生缓存效果localStorage，将第一个页面的参数放入localStorage缓存中，第二个页面中增加 ...
没有解决我的问题, 去提问