关于 爷爷组件传值给爸爸组件 孙子组件又直接把值传给爸爸组件 (个人笔记记录) 外人看不懂就不要看

已于 2022-11-16 19:42:56 修改
阅读量133 收藏
点赞数
分类专栏： js vue Vuex 文章标签： java servlet 服务器
于 2022-07-05 12:02:19 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_52421092/article/details/125616932
版权
js 同时被 3 个专栏收录
86 篇文章 3 订阅
订阅专栏
vue
75 篇文章 2 订阅
订阅专栏
Vuex
11 篇文章 0 订阅
订阅专栏

像这样会造成一个问题   一开始爷爷传爸爸时能用的   第二次是不能用的   它不传了

步骤  爷爷传一个false给爸爸组件    然后孙子组件触发了一个传true到爸爸组件     接着爷爷组件又触发一个传给爸爸组件false    这里false进去了   但是不会覆盖孙子的值   还报了一个错     说爷爷组件传进来是属性没有定义

解决方法： 父组件传给子组件     但是孙子组件的值不能直接传给子组件    要一层一层的传给它爷爷   爷爷再传给爸爸

郑建零零发
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
Vue祖孙组件怎么传值
2401_84446580的博客
04-29 427
四轮技术面+一轮hr面结束，学习到了不少，面试也是一个学习检测自己的过程，面试前大概复习了 一周的时间，把以前的代码看了一下，字节跳动比较注重算法，面试前刷了下leetcode和剑指offer， 也刷了些在牛客网上的面经。大概就说这些了，写代码去了~祝大家都能收获大厂offer~开源分享：【大厂前端面试题解析+核心总结学习笔记+真实项目实战+最新讲解视频】篇幅有限，仅展示部分内容。
Vue 组件间传值及事件触发Demo
09-07
1. `props` 下传：父组件向子组件传递数据是最常见的传值方式，通过在子组件定义`props`属性接收父组件传递的值。例如： ```html <!-- 父组件 --> <child-component :parent-value="valueFromParent"></child-...
vue 孙组件给父组件传值
agua001的博客
12-12 3772
1、在孙组件里定义事件，通过$emit把值传出去 孙组件：planPop.vue <template slot="action" slot-scope="record"> <span @click="handleDetail(record)" class="detailBtn">查看</span> </template> // 点击查看 handleDetail(record) { this.$emit('showPlanImg', true);
Vue祖孙组件怎么传值(1)
最新发布
2401_84150187的博客
05-14 728
不知道该从何学起的朋友，同时减轻大家的负担。**[外链图片转存中…(img-1jNscStR-1715700086667)][外链图片转存中…(img-79IIsFsv-1715700086668)][外链图片转存中…(img-Qsy7hDeO-1715700086668)]
vue2的孙子传值给爷爷，爷爷传值给孙子
weixin_51140082的博客
03-29 812
在爷爷组件，给父亲组件绑定一个方法定义一个方法用来接受传来的值。
vue爷孙组件如何互相传值
weixin_50249353的博客
04-14 1023
vue爷孙组件如何互相传值
vue学习笔记之给组件绑定原生事件操作示例
10-15
在Vue.js中，组件是构建应用的核心元素，它们可以封装逻辑和视图，方便复用。在组件之间通信时，通常我们会使用自定义事件来处理父子组件间的交互。然而，有时候我们需要直接在组件上绑定原生DOM事件，例如点击事件...
小程序自定义组件笔记总结
05-01
小程序自定义组件笔记总结
显示/光电技术中的笔记本电脑用LED背光组件的设计方案
10-21
在显示/光电技术领域，LED背光组件在笔记本电脑中的应用已经成为了主流，尤其是在追求轻薄、节能和环保的趋势下。本文重点介绍了笔记本电脑用LED背光组件的设计方案，涉及光学、电路和结构三个关键方面。 光学设计...
ExtJs 学习笔记基础篇 Ext组件的使用第1/2页
10-30
昨天刚接触到Extjs，简单写了篇学习笔记，今天继续。
vue父组件向孙子组件传值,vue中父子组件传值方式
aifans_bert的博客
09-09 3123
所以要在父组件的data中定义值：二、其次，父组件要和子组件有契合点：就是在父组件中调用、注册、引用子组件：调用：注册：引用：三、接下来，就可以在父组件和子组件链接的地方（即引用子组件的标签上），把父组件的值绑定给子组件：这里我绑定了两个值，一个是数组，一个是字符串。子组件在props中定义数据，然后父组件传数据过去，例如：子组件：props:{show:{default:false}}父组件：//test是子组件名字parentShow是父组件定义的data数据。下面是其中两种我比较喜欢的写法。
父子组件传值prop与$emit、爷爷组件与孙子组件传值
qq_45919348的博客
04-29 795
父组件传给子组件 父组件想要给子组件传值，在引用的子组件中 利用：传值，例如： 父组件 <scoll :listen-scroll="listenScroll"> <scoll/> 子组件： prop：["listen-scroll"] 子组件接受父组件的传值时，使用prop接受， 子组件传递给父组件 子组件传递给父组件通过$emit 传递 父组件： 接收时还用showAddrName，updateAddrName是父组件中定义的别名，data是子组件传递的数据 <s
Vue3中的祖孙传值
weixin_55690518的博客
09-11 6216
当我们遇到一个父组件，里面有子组件、有孙组件，有很多后代组件时，需要共享父组件的数据，我们可以用到 ----依赖注入---- 核心就是使用provide方法，传递数据，使用inject接收数据 1、父组件向子、孙组件传值 父向子孙传数据：使用provide方法，将数据传出 父组件代码： <template> <div> <div>父子组件的交互</div> <button @click='mon...
爷孙子组件传值
m0_49529959的博客
06-01 2226
爷孙组件传值
Vue3、Vue2中的爷爷与祖孙之间的传值
Wancc123的博客
04-20 8764
1.父传孙数据:provide 2.子孙得到数据:inject 父传孙子 import { ref, provide } from 'vue' setup() { // 直接把数据传递出去给孙子传 provide('sendInfo', 1000) }
Vue3中的爷爷与祖孙之间的传值
weixin_48837605的博客
09-11 6689
1.父传孙数据:provide 2.子孙得到数据:inject 一.爷爷传孙数据:provide 爷爷组件: <template> <div>我是爷爷组件我有{{ money }}元钱</div> <hr /> <Child></Child> </template> <script> import { ref, provide } from 'vue' import Child from
vue组件隔代通信(爷爷组件与孙子组件通信)
热门推荐
weixin_41223530的博客
12-07 1万+
参考:https://blog.csdn.net/qq_39009348/article/details/81977468 1.方法:$attrs和$listeners两个属性 看了官方文档对这两个属性的解释有点抽象,简单的的说$attrs属性可以可以获取顶层组件(爷爷组件)的值(这里的数据是data定义的,而props不可以);$listeners属性相当于顶层组件(爷爷组件)事件监听器 首先我定义三个组件 YEYE.vue BABA.vue SUNZI.vue 最终效果 2.将爷爷组件的值传给孙子
vue爷孙组件传值
YZ_ZZZ24的博客
07-30 5328
其实$attrs和$listeners相当于是一个中转，主要用在父亲组件上。爷组件和孙组件保持以前的使用即可！
v-for循环传值给组件
07-27
在使用v-for循环时，如果想给特定的某个组件传值，可以通过this.$refs来调用子组件的方法传递数据。首先，在子组件的定义中，给子组件添加一个ref属性，例如ref="'A' + item.columnName"。然后，在父组件中，通过...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值