vue2如何给孙辈传递slot,孙如何给父传递参数

编程入门 行业动态 更新时间:2024-10-19 08:43:37

vue2如何给孙辈传递slot,孙如何给父传递<a href=https://www.elefans.com/category/jswz/34/1771441.html style=参数"/>

vue2如何给孙辈传递slot,孙如何给父传递参数

vue2如何给孙辈传递slot,孙如何给父传递参数

先将父传递给儿子,再儿子传递给孙子

用惯了vue3,vue2好久没写了,很多都有点忘记了。
如果是vue3可以考虑在孙中获取父的slot dom(this.$parent.$parent.$slot),再用jsx写法render渲染即可,没实测,只是我个人想法

demo

  • 1、父亲辈parent.vue
<!-- 引用子组件 -->
<child-list><template slot="search_item_display_time"  slot-scope="{search}"><!-- 不用slot-scope新版本的写法  <template v-slot:search_item_display_time="{search}">  --><div>{{search}}</div></template>
</child-list>
  • 2、子辈child.vue
<!-- 引用孙组件 -->
<grandson-list><template slot="search_item" slot-scope="{search}"><slot name="search_item_display_time" :search="search"></slot><!-- 列表中name动态就这样写 <slot :name="'search_item_'+search.key" :search="search"></slot> --></template>
</grandson-list>

3、孙辈grandson.vue

<div><slot name="search_item" :search="{key:'name'}"></slot>
</div>

更多推荐

vue2如何给孙辈传递slot,孙如何给父传递参数

本文发布于:2024-03-06 04:29:53,感谢您对本站的认可!
本文链接:https://www.elefans.com/category/jswz/34/1714362.html
版权声明:本站内容均来自互联网,仅供演示用,请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系,我们将在24小时内删除。
本文标签:孙辈   参数   slot

发布评论

评论列表 (有 0 条评论)
草根站长

>www.elefans.com

编程频道|电子爱好者 - 技术资讯及电子产品介绍!