2025年vue3插槽(vue3插槽传递)

vue3插槽(vue3插槽传递)在每个组件标签内 用 template 包裹需要渲染的 html 元素 通过 v slot 指定插槽名 来指定渲染的位置 v slot 指定的插槽名 等价于 指定的插槽名 即 v slot s1 s1 子组件通过插槽向父组件传递数据 父组件在使用子组件标签内的 template 标签内通过 v slot params params

大家好,我是讯享网,很高兴认识大家。



 
  
讯享网
讯享网
 
讯享网
 

讯享网

 在每个组件标签内,用template包裹需要渲染的html元素,通过  v-slot:指定插槽名  来指定渲染的位置;    (  v-slot:指定的插槽名    等价于      #指定的插槽名  ;即 v-slot:s1   ===   #s1       )

 

子组件通过插槽向父组件传递数据; 


讯享网

讯享网

父组件在使用子组件标签内的template标签内通过v-slot=“params”, params 是子组件标签传递过来的数据列表      { “youxi”: [ “英雄联盟”, “飞车”, “网易云”, “腾讯” ], “x”: 100 } ,此时父组件可以操作子组件定义的数据;


小讯
上一篇 2025-05-05 22:12
下一篇 2025-05-08 10:45

相关推荐

版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容,请联系我们,一经查实,本站将立刻删除。
如需转载请保留出处:https://51itzy.com/kjqy/186049.html